/* Colour themes from the AY Journal design (LIGHT = day, DARK = night). Generated from the design file. */
:root, html[data-theme="light"] {
  color-scheme: light;
  --bg: #f3ede2;
  --bgImg: radial-gradient(120% 45% at 50% -12%, rgba(214,186,132,0.26), rgba(214,186,132,0) 60%), radial-gradient(80% 30% at 100% 106%, rgba(176,160,235,0.12), rgba(176,160,235,0) 60%);
  --hdr: rgba(243,237,226,0.94);
  --card: #fbf8f2;
  --card2: #fffdf9;
  --hero: #fcf7ec;
  --line: rgba(90,70,40,0.10);
  --lineA: rgba(156,122,60,0.20);
  --lineA2: rgba(156,122,60,0.32);
  --field: #f6f0e5;
  --fieldLine: rgba(90,70,40,0.16);
  --inset: #efe7d9;
  --track: rgba(90,70,40,0.10);
  --text: #2a231d;
  --muted: #665a4e;
  --faint: #74675a;
  --acc: #8a6626;
  --head: #4e3a1c;
  --num: #6b4f22;
  --btnBg: #7d5d2a;
  --btnBd: #7d5d2a;
  --btnText: #fffaf0;
  --ghost: rgba(125,93,42,0.38);
  --selBg: #fffdf9;
  --selText: #4e3a1c;
  --selSh: 0 1px 3px rgba(60,40,20,0.12);
  --chipOnBg: rgba(156,122,60,0.10);
  --chipOnBd: rgba(125,93,42,0.55);
  --chipOnText: #4e3a1c;
  --chipLine: rgba(90,70,40,0.16);
  --chipIdle: #f7f2e8;
  --chkBg: #9c7a3c;
  --chkTick: #fffaf0;
  --chkIdle: rgba(90,70,40,0.30);
  --onText: #4e3a1c;
  --vio: #5f4bb6;
  --vioSoft: #4d3c9e;
  --vioTint: rgba(95,75,182,0.06);
  --vioLine: rgba(95,75,182,0.26);
  --onVio: #fffaf0;
  --blue: #2f86bd;
  --blueFill: rgba(47,134,189,0.20);
  --blueText: #1f5f88;
  --blueSoft: #2a76a6;
  --blueLine: rgba(47,134,189,0.32);
  --neon: #00a8f0;
  --neonFill: rgba(0,190,255,0.42);
  --neonGlow: drop-shadow(0 0 3px rgba(0,180,255,0.9)) drop-shadow(0 0 9px rgba(0,170,255,0.55));
  --triIdle: rgba(47,134,189,0.65);
  --neonText: #0b6fa8;
  --link: #1f6fa3;
  --teal: #1f8f80;
  --rose: #b0504c;
  --roseLine: rgba(176,80,76,0.4);
  --onRose: #fffaf0;
  --jadeTint: rgba(31,143,128,0.07);
  --jadeLine: rgba(31,143,128,0.25);
  --jadeText: #1a6e62;
  --noteBg: rgba(156,122,60,0.07);
  --noteLine: rgba(156,122,60,0.25);
  --noteText: #6b4f22;
  --tabBg: rgba(250,246,238,0.96);
  --tabIdle: #74675a;
  --tabLine: rgba(90,70,40,0.12);
  --scrim: rgba(40,30,20,0.30);
  --toastBg: #2f2822;
  --toastText: #f6efe2;
  --toastLine: rgba(0,0,0,0);
  --shadow: 0 1px 2px rgba(60,40,20,0.04), 0 10px 28px rgba(60,40,20,0.06);
  --sheetShadow: 0 -16px 40px rgba(60,40,20,0.14);
  --popShadow: 0 24px 60px rgba(60,40,20,0.18);
  --g1: #c9a35c;
  --g2: #7d68d6;
  --cGold: #a8843f;
  --cBlue: #3a8fc4;
  --cVio: #6b57c4;
  --cVio2: #4d3c9e;
  --youBg: rgba(156,122,60,0.08);
  --disBg: rgba(125,93,42,0.14);
  --disText: rgba(42,35,29,0.45);
  --disBd: rgba(125,93,42,0.14);
  --celebBg: radial-gradient(60% 40% at 50% 42%, rgba(214,186,132,0.30), rgba(243,237,226,0) 70%), rgba(243,237,226,0.96);
  --seal: rgba(156,122,60,0.08);
  --sealLine: #9c7a3c;
  --sealGlow: drop-shadow(0 8px 24px rgba(156,122,60,0.25));
  --certFill: rgba(156,122,60,0.06);
  --handle: rgba(90,70,40,0.18);
  --iconBtn: #fbf8f2;
  --avatarBg: rgba(156,122,60,0.08);
  --knob: #ffffff;
  --swOn: #9c7a3c;
  --swOff: rgba(90,70,40,0.20);
}
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #1c1932;
  --bgImg: radial-gradient(130% 50% at 50% -14%, rgba(176,160,235,0.16), rgba(176,160,235,0) 62%), radial-gradient(90% 36% at 100% 108%, rgba(220,195,148,0.06), rgba(220,195,148,0) 60%);
  --hdr: rgba(28,25,50,0.94);
  --card: #262241;
  --card2: #2c2849;
  --hero: #2a2547;
  --line: rgba(255,255,255,0.07);
  --lineA: rgba(220,195,148,0.18);
  --lineA2: rgba(220,195,148,0.30);
  --field: rgba(0,0,0,0.18);
  --fieldLine: rgba(255,255,255,0.10);
  --inset: rgba(0,0,0,0.16);
  --track: rgba(255,255,255,0.08);
  --text: #eee8de;
  --muted: #bdb4d2;
  --faint: #9a91b7;
  --acc: #dcc394;
  --head: #efdfbf;
  --num: #efdfbf;
  --btnBg: rgba(220,195,148,0.15);
  --btnBd: rgba(220,195,148,0.48);
  --btnText: #f1e2c2;
  --ghost: rgba(220,195,148,0.34);
  --selBg: rgba(220,195,148,0.17);
  --selText: #f1e2c2;
  --selSh: none;
  --chipOnBg: rgba(220,195,148,0.13);
  --chipOnBd: rgba(220,195,148,0.52);
  --chipOnText: #f1e2c2;
  --chipLine: rgba(255,255,255,0.11);
  --chipIdle: rgba(255,255,255,0.03);
  --chkBg: #cdb58a;
  --chkTick: #231f3a;
  --chkIdle: rgba(238,232,222,0.28);
  --onText: #f1e2c2;
  --vio: #b3a2f2;
  --vioSoft: #cfc3fb;
  --vioTint: rgba(179,162,242,0.08);
  --vioLine: rgba(179,162,242,0.30);
  --onVio: #1c1932;
  --blue: #8fd4ff;
  --blueFill: rgba(143,212,255,0.30);
  --blueText: #d6efff;
  --blueSoft: #a9dcff;
  --blueLine: rgba(143,212,255,0.32);
  --neon: #7fe9ff;
  --neonFill: rgba(90,220,255,0.62);
  --neonGlow: drop-shadow(0 0 3px rgba(110,230,255,1)) drop-shadow(0 0 10px rgba(60,200,255,0.85));
  --triIdle: rgba(143,212,255,0.6);
  --neonText: #c9f6ff;
  --link: #a9dcff;
  --teal: #5cc8b4;
  --rose: #e3a0a0;
  --roseLine: rgba(227,160,160,0.4);
  --onRose: #2a1218;
  --jadeTint: rgba(92,200,180,0.07);
  --jadeLine: rgba(92,200,180,0.25);
  --jadeText: #bfeee4;
  --noteBg: rgba(239,223,191,0.06);
  --noteLine: rgba(239,223,191,0.18);
  --noteText: #efdfbf;
  --tabBg: rgba(28,25,50,0.96);
  --tabIdle: #9a91b7;
  --tabLine: rgba(220,195,148,0.12);
  --scrim: rgba(10,8,22,0.58);
  --toastBg: #332e58;
  --toastText: #f1e2c2;
  --toastLine: rgba(220,195,148,0.24);
  --shadow: none;
  --sheetShadow: 0 -20px 50px rgba(0,0,0,0.35);
  --popShadow: 0 24px 60px rgba(0,0,0,0.45);
  --g1: #efdfbf;
  --g2: #b3a2f2;
  --cGold: #d3bb8c;
  --cBlue: #8fd4ff;
  --cVio: #b3a2f2;
  --cVio2: #cfc3fb;
  --youBg: rgba(220,195,148,0.07);
  --disBg: rgba(220,195,148,0.07);
  --disText: rgba(238,232,222,0.38);
  --disBd: rgba(220,195,148,0.18);
  --celebBg: radial-gradient(60% 40% at 50% 42%, rgba(220,195,148,0.14), rgba(22,19,40,0) 70%), rgba(22,19,40,0.94);
  --seal: rgba(220,195,148,0.10);
  --sealLine: #d3bb8c;
  --sealGlow: drop-shadow(0 0 22px rgba(220,195,148,0.32));
  --certFill: rgba(239,223,191,0.08);
  --handle: rgba(255,255,255,0.16);
  --iconBtn: rgba(255,255,255,0.03);
  --avatarBg: rgba(220,195,148,0.06);
  --knob: #f4efe6;
  --swOn: #cdb58a;
  --swOff: rgba(255,255,255,0.16);
}