/* SandOS THEME SETTINGS — the only place colours and fonts are set.
   Style (FINAL, 26 Oct 2026): Paper & Ink layout with Forest Calm colours.
   Appearance (27 Oct 2026): Light / Dark / Match my device, chosen per person.
   Dark = deep petrol and ink. Gold is the only signature accent in both.
   Screens use the meaning-based names below (--bg, --surface, --accent …), never hex codes. */

@font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url("/vendor/fonts/poppins-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url("/vendor/fonts/poppins-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url("/vendor/fonts/poppins-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: swap; src: url("/vendor/fonts/poppins-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 400; font-display: swap; src: url("/vendor/fonts/fraunces-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Fraunces"; font-style: italic; font-weight: 400; font-display: swap; src: url("/vendor/fonts/fraunces-latin-400-italic.woff2") format("woff2"); }
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 600; font-display: swap; src: url("/vendor/fonts/fraunces-latin-600-normal.woff2") format("woff2"); }

/* ---------- Light (default) ---------- */
:root {
  color-scheme: light;

  /* Brand constants (Brand Sheet) */
  --brand-gold: #FED401;
  --brand-ink: #0A0A0A;
  --brand-paper: #FBF7EE;

  /* Surfaces */
  --bg: #FBF7EE;            /* page */
  --surface: #FFFFFF;       /* cards */
  --surface2: #F4EEE1;      /* quiet panels, switch track */
  --input: #FFFFFF;
  --line: #E6DECB;
  --line-soft: #EFE8D8;
  --track: #EFE8D8;

  /* Text */
  --ink: #0A0A0A;
  --muted: #5E5748;         /* passes 4.5:1 on page and card */
  --link: #10605C;

  /* Menu panel */
  --panel: #13414A;
  --panel2: #0E333A;
  --panel-line: rgba(255,255,255,.14);
  --panel-hover: rgba(255,255,255,.08);
  --on-panel: #FFFFFF;
  --on-panel-muted: #CFE1E3;

  /* Feature panels (Forest) */
  --feature: #233E2C;
  --on-feature: #FFFFFF;
  --on-feature-muted: #D5E0D7;

  /* Accent: gold, the only signature accent */
  --accent: #FED401;
  --on-accent: #0A0A0A;
  --select: #FBF5E2;

  /* Status */
  --ok-bg: #DDEBE8;    --ok-fg: #0B4643;
  --warn-bg: #FFF4B3;  --warn-fg: #0A0A0A;
  --err-bg: #F6E1DA;   --err-fg: #7A2615;
  --info-bg: #E3E7EC;  --info-fg: #2B3A46;

  /* Charts and data (Pine, Petrol, Sage, Stone) */
  --c1: #10605C; --c2: #13414A; --c3: #6E7C68; --c4: #9A8F7A;
  --strip: #2B3A46;         /* TEST strip */

  --shadow: 0 1px 2px rgba(10,10,10,.04), 0 10px 30px rgba(19,65,74,.07);
  --shadow-pop: 0 20px 60px rgba(0,0,0,.18);
  --scrim: rgba(7,16,18,.55);

  /* Type */
  --font-ui: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-title: "Fraunces", Georgia, serif;

  /* Shape */
  --radius-card: 18px;
  --radius-control: 12px;
}

/* ---------- Dark: deep petrol and ink ---------- */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0B1517;
  --surface: #122226;
  --surface2: #172B30;
  --input: #0E1B1E;
  --line: #253C42;
  --line-soft: #1D3237;
  --track: #1D3237;
  --ink: #F3EFE4;
  --muted: #A7B4B1;
  --link: #7CCBC1;
  --panel: #071012;
  --panel2: #0F1D21;
  --panel-line: rgba(255,255,255,.08);
  --panel-hover: rgba(255,255,255,.06);
  --on-panel: #F3EFE4;
  --on-panel-muted: #9DB6B9;
  --feature: #18301F;
  --on-feature: #F3EFE4;
  --on-feature-muted: #B9CBBE;
  --accent: #FED401;
  --on-accent: #0A0A0A;
  --select: #1E3328;
  --ok-bg: #123B36;    --ok-fg: #93DCCF;
  --warn-bg: #3B3410;  --warn-fg: #FFE45E;
  --err-bg: #40201A;   --err-fg: #F3A894;
  --info-bg: #1F2C37;  --info-fg: #BCCAD8;
  --c1: #3FA79C; --c2: #5B9AA6; --c3: #9DAD96; --c4: #C4B9A1;
  --strip: #1F2C37;
  --shadow: 0 1px 0 rgba(0,0,0,.3);
  --shadow-pop: 0 30px 80px rgba(0,0,0,.45);
  --scrim: rgba(0,0,0,.6);
}