/* Meyel Huginn, semantic design tokens */
:root{
  /* Brand palette (authoritative) */
  --obsidian:#06141B; --midnight:#11212D; --slate:#253745; --steel:#4A5C6A; --mist:#9BA8AB; --pearl:#CCD0CF;

  --font-sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-display:"Source Serif 4",Georgia,"Times New Roman",serif;
  --font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --r-xs:6px; --r-sm:9px; --r-md:12px; --r-lg:16px; --r-xl:22px;
  --blur:18px;
  --ease:cubic-bezier(.2,.7,.2,1);
}

/* ---------- Black Glass (default) ---------- */
[data-theme="black"]{
  color-scheme:dark;
  --bg:var(--obsidian);
  --bg-image:url("../assets/huginn-bg-desktop.webp");
  --bg-image-m:url("../assets/huginn-bg-mobile.webp");
  --scene-filter:none; --scene-opacity:1;
  --bg-overlay:linear-gradient(90deg,rgba(6,20,27,.62) 0%,rgba(6,20,27,.18) 45%,rgba(6,20,27,.02) 100%),linear-gradient(180deg,rgba(6,20,27,0) 35%,rgba(6,20,27,.6) 100%);

  --glass:linear-gradient(180deg,rgba(37,55,69,.44) 0%,rgba(17,33,45,.52) 100%);
  --glass-strong:rgba(14,29,39,.94);
  --glass-border:rgba(204,208,207,.11);
  --glass-hi:inset 0 1px 0 rgba(255,255,255,.055);
  --shadow:0 14px 40px rgba(0,0,0,.26);
  --m-bar:rgba(9,23,31,.72);

  --text:#E7EAE9; --text-2:var(--pearl); --text-3:var(--mist); --text-4:#83939b;
  --link:#B9CCD8;
  --line:rgba(155,168,171,.13); --line-strong:rgba(155,168,171,.24);
  --control:rgba(37,55,69,.48); --control-hover:rgba(74,92,106,.42);
  --row-hover:rgba(155,168,171,.06);
  --active:rgba(155,168,171,.15);
  --accent:var(--pearl); --accent-hover:#E2E5E4; --on-accent:var(--obsidian);
  --focus:oklch(.82 .07 230);
  --skel-a:rgba(155,168,171,.08); --skel-b:rgba(155,168,171,.16);

  --s1:oklch(.76 .07 240);  /* accepted */
  --s2:var(--pearl);        /* delivered */
  --s3:oklch(.80 .06 195);  /* opens */
  --s4:oklch(.77 .09 160);  /* clicks */

  --ok:oklch(.80 .11 160); --warn:oklch(.84 .12 80); --bad:oklch(.74 .14 25); --info:oklch(.80 .07 235); --muted:var(--mist);
  --tone-bg:16%;
}

/* ---------- Light Glass ---------- */
[data-theme="light"]{
  color-scheme:light;
  --bg:#E7ECEC;
  --bg-image:url("../assets/huginn-bg-desktop.webp");
  --bg-image-m:url("../assets/huginn-bg-mobile.webp");
  --scene-filter:grayscale(.35) brightness(2.15) contrast(.62);
  --scene-opacity:.55;
  --bg-overlay:linear-gradient(180deg,rgba(242,245,245,.40) 0%,rgba(232,237,238,.62) 100%);

  --glass:linear-gradient(180deg,rgba(255,255,255,.66) 0%,rgba(246,248,248,.56) 100%);
  --glass-strong:rgba(250,251,251,.97);
  --glass-border:rgba(17,33,45,.09);
  --glass-hi:inset 0 1px 0 rgba(255,255,255,.8);
  --shadow:0 10px 30px rgba(17,33,45,.08);
  --m-bar:rgba(244,246,246,.8);

  --text:#0C1C26; --text-2:var(--midnight); --text-3:var(--steel); --text-4:#5f6f78;
  --link:#253745;
  --line:rgba(17,33,45,.09); --line-strong:rgba(17,33,45,.17);
  --control:rgba(255,255,255,.7); --control-hover:rgba(255,255,255,.95);
  --row-hover:rgba(17,33,45,.035);
  --active:rgba(37,55,69,.09);
  --accent:var(--midnight); --accent-hover:var(--slate); --on-accent:#F1F3F3;
  --focus:oklch(.5 .09 235);
  --skel-a:rgba(17,33,45,.05); --skel-b:rgba(17,33,45,.1);

  --s1:oklch(.52 .09 240);
  --s2:var(--midnight);
  --s3:oklch(.55 .07 195);
  --s4:oklch(.55 .1 160);

  --ok:oklch(.50 .12 160); --warn:oklch(.55 .13 70); --bad:oklch(.52 .17 25); --info:oklch(.50 .09 240); --muted:var(--steel);
  --tone-bg:11%;
}