/* ============================================================
   You're Not Alone — design-tokens (kun custom properties).
   Loades først i det offentlige shell (_PublicLayout). Ingen selektorer ud over
   :root og html[data-theme="dark"].

   De GAMLE navne (--teal, --paper-2, --ink, --line …) bevares som aliaser, fordi
   de delte partials (_Footer, _Toast, _PriceGrid, _PeerCard) bruger dem under
   både app-shellet (site.css) og det offentlige shell.
   ============================================================ */
:root {
    /* ---- Flader ---- */
    --pub-bg:#f6f8f7;          /* sidens grund: næsten hvid m/ grønt anstrøg */
    --pub-surface:#ffffff;     /* paneler, kort */
    --pub-surface-2:#eef3f0;   /* sekundær flade (bånd, header-strip) */
    --pub-green-soft:#e3efe9;  /* den ene tonede flade */

    /* ---- Tekst ---- */
    --pub-ink:#1c2422;
    --pub-ink-2:#3f4a47;
    --pub-muted:#5c6864;       /* ≥ 4,5:1 på både --pub-bg og hvid */

    /* ---- Linjer ---- */
    --pub-line:#dfe5e2;
    --pub-line-2:#c6d0cb;

    /* ---- Den ene accent: dæmpet skovgrøn ---- */
    --pub-green:#1f5f52;
    --pub-green-hover:#184c42;
    --pub-green-ink:#143f37;   /* grøn tekst på lys flade (7:1) */
    --pub-green-2:#5f8f82;     /* ikoner, sekundære markeringer */

    /* ---- Akut hjælp: den eneste anden farve ---- */
    --pub-amber:#9a5f14;       /* tekst/ikon (5,5:1 på hvid) */
    --pub-amber-soft:#fbf1e3;

    /* ---- Semantik ---- */
    --pub-danger:#b23b3b;
    --pub-danger-soft:#fbeaea;
    --pub-ok:#2f7a5b;

    /* ---- Emne-badges (peer-områder) ---- */
    --area-diagnoser-bg:#e3efe9; --area-diagnoser-fg:#143f37;
    --area-kriminalitet-bg:#e9e4f1; --area-kriminalitet-fg:#3f2f5c;
    --area-misbrug-bg:#f6e8da; --area-misbrug-fg:#5c3a14;
    --area-overgreb-bg:#f4e3e3; --area-overgreb-fg:#6b2a2a;
    --area-andet-bg:#e9edeb; --area-andet-fg:#3f4a47;

    /* ---- Form ---- */
    --r-sm:8px;
    --r-md:12px;
    --r-lg:20px;
    --r-pill:999px;
    --shadow-1:0 1px 2px rgba(28,36,34,.06), 0 2px 6px rgba(28,36,34,.05);
    --shadow-2:0 6px 18px -6px rgba(28,36,34,.14), 0 2px 6px rgba(28,36,34,.05);
    --shadow-3:0 18px 40px -16px rgba(28,36,34,.22), 0 4px 12px rgba(28,36,34,.06);

    /* ---- Afstand (4-punkt) ---- */
    --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.5rem;
    --sp-6:2rem; --sp-7:3rem; --sp-8:4rem; --sp-9:6rem;

    /* ---- Typografi: én familie i hele UI'et ---- */
    --font-ui:'Source Sans 3', 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
    --font-display:var(--font-ui);
    --font-body:var(--font-ui);

    /* Fast rem-skala til UI (kundens ønske: større skrift), fluid kun på display. */
    --fs-xs:.875rem;      /* 14 */
    --fs-sm:.9375rem;     /* 15 */
    --fs-base:1.125rem;   /* 18 */
    --fs-lg:1.25rem;      /* 20 */
    --fs-h3:1.375rem;     /* 22 */
    --fs-h2:clamp(1.75rem, 1.35rem + 1.2vw, 2.25rem);
    --fs-h1:clamp(2.25rem, 1.5rem + 2.4vw, 3.5rem);
    --fs-display:clamp(2.5rem, 1.6rem + 3vw, 3.75rem);
    --lh-tight:1.12;
    --lh-heading:1.2;
    --lh-body:1.55;
    --measure:65ch;

    /* ---- Layout ---- */
    --container:1200px;        /* læsbar side; strukturel fuld bredde kommer fra grid/bånd */
    --container-wide:1440px;
    --gutter:clamp(16px, 4vw, 40px);
    --header-h:72px;
    --header-h-sm:60px;
    --sidebar-w:280px;         /* app-shellets venstre menu */
    --bbar-h:56px;             /* mobil-bundbaren i app-shellet */

    /* ---- Ikoner (kundens ønske: større) ---- */
    --ic-size:28px;
    --ic-btn:52px;
    --ic-side:24px;

    /* ---- Aliaser til de delte partials (gamle navne) ---- */
    --teal:var(--pub-green);
    --teal-dark:var(--pub-green-hover);
    --teal-700:var(--pub-green-ink);
    --sage:var(--pub-green-2);
    --sage-soft:var(--pub-green-soft);
    --paper:var(--pub-surface);
    --paper-2:var(--pub-bg);
    --paper-3:var(--pub-surface-2);
    --ink:var(--pub-ink);
    --ink-soft:var(--pub-ink-2);
    --muted:var(--pub-muted);
    --line:var(--pub-line);
    --line-2:var(--pub-line-2);
    --accent:var(--pub-amber);
    --danger:var(--pub-danger);
    --ok:var(--pub-ok);
    --radius:var(--r-md);
    --radius-sm:var(--r-sm);
    --radius-pill:var(--r-pill);
    --shadow-sm:var(--shadow-1);
    --shadow:var(--shadow-2);
    --shadow-lg:var(--shadow-3);
}

/* ---------- Mørk tilstand (localStorage 'yna-theme', sat før paint) ---------- */
html[data-theme="dark"] {
    --pub-bg:#121816;
    --pub-surface:#192120;
    --pub-surface-2:#1f2a27;
    --pub-green-soft:#1d332d;

    --pub-ink:#e8ecea;
    --pub-ink-2:#b9c3bf;
    --pub-muted:#9aa7a2;

    --pub-line:#2a3631;
    --pub-line-2:#3a4844;

    --pub-green:#2e7c6b;       /* hvid tekst: 4,6:1 */
    --pub-green-hover:#37907c;
    --pub-green-ink:#8fcdb9;
    --pub-green-2:#7fb3a4;

    --pub-amber:#e0a458;
    --pub-amber-soft:#3a2b14;

    --pub-danger:#e08484;
    --pub-danger-soft:#3a1f1f;
    --pub-ok:#7fc4a4;

    --area-diagnoser-bg:#1d332d; --area-diagnoser-fg:#a9d8c8;
    --area-kriminalitet-bg:#2b2440; --area-kriminalitet-fg:#cbbde6;
    --area-misbrug-bg:#3a2b14; --area-misbrug-fg:#e8c48f;
    --area-overgreb-bg:#3a1f1f; --area-overgreb-fg:#e8a9a9;
    --area-andet-bg:#242c29; --area-andet-fg:#b9c3bf;

    --shadow-1:0 1px 2px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.3);
    --shadow-2:0 6px 18px -6px rgba(0,0,0,.6), 0 2px 6px rgba(0,0,0,.3);
    --shadow-3:0 18px 40px -16px rgba(0,0,0,.7), 0 4px 12px rgba(0,0,0,.35);
}