/* SunSync — global tokens & fonts */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Instrument+Serif:ital@0;1&family=Geist+Mono:wght@400;500&display=swap');

:root {
  /* light */
  --bg: #FAF5ED;
  --bg-2: #F4ECDC;
  --card: #FFFFFF;
  --glass: rgba(255,255,255,0.62);
  --glass-stroke: rgba(255,255,255,0.85);
  --ink: #1F1B16;
  --ink-2: #6B6258;
  --ink-3: #A89F92;
  --ink-4: #D8CFC1;
  --gold: #C99750;
  --amber: #E8A24A;
  --coral: #E07856;
  --sand: #F0E2C6;
  --sand-2: #E8D9BC;
  --sky: #A6C8DB;
  --sky-deep: #6F9CB5;
  --mist: #E6EEF3;
  --leaf: #8BA88A;
  --hairline: rgba(31,27,22,0.08);
  --shadow-soft: 0 1px 2px rgba(31,27,22,0.04), 0 8px 24px rgba(31,27,22,0.06);
  --shadow-card: 0 1px 1px rgba(31,27,22,0.03), 0 12px 32px rgba(31,27,22,0.08);
  --shadow-pop: 0 30px 60px rgba(31,27,22,0.18);
}

.dark {
  --bg: #0F0B07;
  --bg-2: #1A140E;
  --card: #221C16;
  --glass: rgba(50,40,30,0.55);
  --glass-stroke: rgba(255,255,255,0.08);
  --ink: #F2EBDF;
  --ink-2: #B8AE9F;
  --ink-3: #7A7065;
  --ink-4: #3A322A;
  --gold: #E0B36C;
  --amber: #F4B567;
  --coral: #F2906A;
  --sand: #3A2F22;
  --sand-2: #2A2218;
  --sky: #8FB4C8;
  --sky-deep: #5A8AA8;
  --mist: #1F2A30;
  --hairline: rgba(255,255,255,0.06);
  --shadow-soft: 0 4px 16px rgba(0,0,0,0.4);
  --shadow-card: 0 12px 40px rgba(0,0,0,0.5);
}

* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.font-display { font-family: 'Instrument Serif', 'Times New Roman', serif; font-weight: 400; }
.font-ui { font-family: 'Geist', system-ui, sans-serif; }
.font-mono { font-family: 'Geist Mono', ui-monospace, monospace; }

/* shimmering aurora used behind the home dashboard */
@keyframes sunPulse {
  0%, 100% { transform: scale(1); opacity: 0.9; }
  50% { transform: scale(1.06); opacity: 1; }
}
@keyframes auroraShift {
  0%, 100% { transform: translate(0,0) rotate(0); }
  50% { transform: translate(2%, -1%) rotate(8deg); }
}
@keyframes glowBreath {
  0%, 100% { filter: blur(20px) saturate(120%); opacity: 0.8; }
  50% { filter: blur(28px) saturate(140%); opacity: 1; }
}
@keyframes ringRotate {
  to { transform: rotate(360deg); }
}

.aurora-1 { animation: auroraShift 14s ease-in-out infinite; }
.aurora-2 { animation: auroraShift 18s ease-in-out infinite reverse; }
.sun-pulse { animation: sunPulse 6s ease-in-out infinite; }
.glow-breath { animation: glowBreath 5s ease-in-out infinite; }

/* placeholder striped imagery */
.ph-stripes {
  background-image: repeating-linear-gradient(
    135deg,
    rgba(31,27,22,0.06) 0,
    rgba(31,27,22,0.06) 1px,
    transparent 1px,
    transparent 10px
  );
}

.frost {
  background: var(--glass);
  backdrop-filter: blur(24px) saturate(160%);
  -webkit-backdrop-filter: blur(24px) saturate(160%);
  border: 0.5px solid var(--glass-stroke);
}

/* scrollbar suppression handled by design-canvas */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { scrollbar-width: none; }