/* build: 20260507T062622Z */
:root {
  --font-ml-display: "Noto Serif Malayalam", "Manjari", serif;
  --font-ml-body: "Manjari", "Noto Serif Malayalam", "Noto Sans Malayalam", serif;
  --font-en-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-en-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6.5rem;
  --space-7: 9rem;

  --measure: 58ch;
  --measure-narrow: 32ch;

  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 18px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 200ms;
  --dur: 400ms;
  --dur-slow: 800ms;

  --nav-h: 60px;
  --maxw: 1240px;
}

:root,
:root[data-theme="dark"] {
  color-scheme: dark;
  --ink:          #f3ecdf;
  --ink-strong:   #fff8eb;
  --ink-muted:    #a8a195;
  --ink-faint:    #6b665d;
  --paper:        #0e0c0a;
  --paper-2:      #161310;
  --paper-3:      #1f1a14;
  --accent:       #c9a86a;
  --accent-soft:  rgba(201, 168, 106, 0.18);
  --accent-glow:  rgba(201, 168, 106, 0.28);
  --hairline:     rgba(243, 236, 223, 0.10);
  --hairline-strong: rgba(243, 236, 223, 0.18);
  --shadow-sm:    0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow:       0 14px 40px -12px rgba(0, 0, 0, 0.7), 0 2px 6px rgba(0, 0, 0, 0.45);
  --shadow-lg:    0 30px 70px -20px rgba(0, 0, 0, 0.8);
  --grain-opacity: 0.045;
  --hero-glow:    radial-gradient(60% 50% at 50% 38%, rgba(201, 168, 106, 0.22), rgba(201, 168, 106, 0) 70%);
  --nav-bg:       rgba(14, 12, 10, 0.72);
  --glow-warm:    radial-gradient(40% 40% at 50% 50%, rgba(201, 168, 106, 0.22), rgba(201, 168, 106, 0) 70%);
  --glow-cool:    radial-gradient(40% 40% at 50% 50%, rgba(120, 150, 180, 0.18), rgba(120, 150, 180, 0) 70%);
  --glow-rose:    radial-gradient(40% 40% at 50% 50%, rgba(201, 110, 120, 0.16), rgba(201, 110, 120, 0) 70%);
  --glass-bg:     rgba(243, 236, 223, 0.04);
  --glass-bg-strong: rgba(243, 236, 223, 0.07);
  --glass-border: rgba(243, 236, 223, 0.12);
}

:root[data-theme="light"] {
  color-scheme: light;
  --ink:          #1c1814;
  --ink-strong:   #0a0908;
  --ink-muted:    #5b5448;
  --ink-faint:    #8c8576;
  --paper:        #f4ecdd;
  --paper-2:      #ede3d0;
  --paper-3:      #e3d8c2;
  --accent:       #8a6a2c;
  --accent-soft:  rgba(138, 106, 44, 0.14);
  --accent-glow:  rgba(138, 106, 44, 0.18);
  --hairline:     rgba(28, 24, 20, 0.12);
  --hairline-strong: rgba(28, 24, 20, 0.22);
  --shadow-sm:    0 1px 2px rgba(28, 24, 20, 0.06);
  --shadow:       0 14px 32px -16px rgba(28, 24, 20, 0.20), 0 2px 4px rgba(28, 24, 20, 0.08);
  --shadow-lg:    0 30px 60px -24px rgba(28, 24, 20, 0.26);
  --grain-opacity: 0.030;
  --hero-glow:    radial-gradient(60% 50% at 50% 38%, rgba(138, 106, 44, 0.18), rgba(138, 106, 44, 0) 70%);
  --nav-bg:       rgba(244, 236, 221, 0.78);
  --glow-warm:    radial-gradient(40% 40% at 50% 50%, rgba(138, 106, 44, 0.16), rgba(138, 106, 44, 0) 70%);
  --glow-cool:    radial-gradient(40% 40% at 50% 50%, rgba(86, 108, 138, 0.14), rgba(86, 108, 138, 0) 70%);
  --glow-rose:    radial-gradient(40% 40% at 50% 50%, rgba(150, 80, 90, 0.10), rgba(150, 80, 90, 0) 70%);
  --glass-bg:     rgba(28, 24, 20, 0.04);
  --glass-bg-strong: rgba(28, 24, 20, 0.07);
  --glass-border: rgba(28, 24, 20, 0.12);
}

/* Midnight — deep indigo, late-night library */
:root[data-theme="midnight"] {
  color-scheme: dark;
  --ink:          #e8ecf5;
  --ink-strong:   #f4f6fc;
  --ink-muted:    #9ea4b8;
  --ink-faint:    #5d6378;
  --paper:        #0a0e1c;
  --paper-2:      #11162a;
  --paper-3:      #1a2238;
  --accent:       #b3aee0;
  --accent-soft:  rgba(179, 174, 224, 0.18);
  --accent-glow:  rgba(179, 174, 224, 0.34);
  --hairline:     rgba(232, 236, 245, 0.10);
  --hairline-strong: rgba(232, 236, 245, 0.20);
  --shadow-sm:    0 1px 2px rgba(0, 0, 0, 0.55);
  --shadow:       0 14px 40px -12px rgba(0, 0, 0, 0.7), 0 2px 6px rgba(0, 0, 0, 0.45);
  --shadow-lg:    0 30px 70px -20px rgba(0, 0, 0, 0.8);
  --grain-opacity: 0.045;
  --hero-glow:    radial-gradient(60% 50% at 50% 38%, rgba(179, 174, 224, 0.20), rgba(179, 174, 224, 0) 70%);
  --nav-bg:       rgba(10, 14, 28, 0.72);
  --glow-warm:    radial-gradient(40% 40% at 50% 50%, rgba(179, 174, 224, 0.20), rgba(179, 174, 224, 0) 70%);
  --glow-cool:    radial-gradient(40% 40% at 50% 50%, rgba(120, 150, 220, 0.16), rgba(120, 150, 220, 0) 70%);
  --glow-rose:    radial-gradient(40% 40% at 50% 50%, rgba(180, 130, 210, 0.16), rgba(180, 130, 210, 0) 70%);
  --glass-bg:     rgba(232, 236, 245, 0.04);
  --glass-bg-strong: rgba(232, 236, 245, 0.07);
  --glass-border: rgba(232, 236, 245, 0.12);
}

/* Aurora — multi-hued, expressive, still calm */
:root[data-theme="aurora"] {
  color-scheme: dark;
  --ink:          #f3ecdf;
  --ink-strong:   #fff8eb;
  --ink-muted:    #ada6a8;
  --ink-faint:    #6c6571;
  --paper:        #0e0c14;
  --paper-2:      #15131f;
  --paper-3:      #1d1a2c;
  --accent:       #e08a6d;
  --accent-soft:  rgba(224, 138, 109, 0.18);
  --accent-glow:  rgba(224, 138, 109, 0.32);
  --hairline:     rgba(243, 236, 223, 0.10);
  --hairline-strong: rgba(243, 236, 223, 0.20);
  --shadow-sm:    0 1px 2px rgba(0, 0, 0, 0.55);
  --shadow:       0 14px 40px -12px rgba(0, 0, 0, 0.7), 0 2px 6px rgba(0, 0, 0, 0.45);
  --shadow-lg:    0 30px 70px -20px rgba(0, 0, 0, 0.78);
  --grain-opacity: 0.045;
  --hero-glow:    radial-gradient(60% 50% at 50% 38%, rgba(224, 138, 109, 0.22), rgba(224, 138, 109, 0) 70%);
  --nav-bg:       rgba(14, 12, 20, 0.74);
  /* The musings card-hover glow rotates through these per index */
  --glow-warm:    radial-gradient(40% 40% at 50% 50%, rgba(224, 138, 109, 0.28), rgba(224, 138, 109, 0) 70%); /* coral */
  --glow-cool:    radial-gradient(40% 40% at 50% 50%, rgba(93, 173, 176, 0.26),  rgba(93, 173, 176, 0)  70%); /* teal */
  --glow-rose:    radial-gradient(40% 40% at 50% 50%, rgba(168, 144, 216, 0.28), rgba(168, 144, 216, 0) 70%); /* lavender */
  --glass-bg:     rgba(243, 236, 223, 0.04);
  --glass-bg-strong: rgba(243, 236, 223, 0.07);
  --glass-border: rgba(243, 236, 223, 0.13);
}

/* Forest — deep mossy green, contemplative natural */
:root[data-theme="forest"] {
  color-scheme: dark;
  --ink:          #e8efe2;
  --ink-strong:   #f3f7ec;
  --ink-muted:    #9bae93;
  --ink-faint:    #5b6a59;
  --paper:        #0b1410;
  --paper-2:      #11201a;
  --paper-3:      #1a2c24;
  --accent:       #a8c098;
  --accent-soft:  rgba(168, 192, 152, 0.18);
  --accent-glow:  rgba(168, 192, 152, 0.32);
  --hairline:     rgba(232, 239, 226, 0.10);
  --hairline-strong: rgba(232, 239, 226, 0.20);
  --shadow-sm:    0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow:       0 14px 40px -12px rgba(0, 0, 0, 0.65), 0 2px 6px rgba(0, 0, 0, 0.4);
  --shadow-lg:    0 30px 70px -20px rgba(0, 0, 0, 0.78);
  --grain-opacity: 0.040;
  --hero-glow:    radial-gradient(60% 50% at 50% 38%, rgba(168, 192, 152, 0.22), rgba(168, 192, 152, 0) 70%);
  --nav-bg:       rgba(11, 20, 16, 0.72);
  --glow-warm:    radial-gradient(40% 40% at 50% 50%, rgba(168, 192, 152, 0.20), rgba(168, 192, 152, 0) 70%);
  --glow-cool:    radial-gradient(40% 40% at 50% 50%, rgba(120, 170, 150, 0.16), rgba(120, 170, 150, 0) 70%);
  --glow-rose:    radial-gradient(40% 40% at 50% 50%, rgba(200, 180, 120, 0.14), rgba(200, 180, 120, 0) 70%);
  --glass-bg:     rgba(232, 239, 226, 0.04);
  --glass-bg-strong: rgba(232, 239, 226, 0.07);
  --glass-border: rgba(232, 239, 226, 0.12);
}