/* StivPik design tokens — "Aurora" (research/stivpik-designplan.md). Egne værdier; intet fra forlægget. */
:root {
  color-scheme: light;
  /* Flader og tekst */
  --c-bg: #FFF9F6;
  --c-surface: #FFFFFF;
  --c-surface-2: #FFF1EC;
  --c-border: #F1E2E4;
  --c-text: #23161F;
  --c-text-2: #6F5E68;
  --c-text-3: #A3959C;
  /* Signatur */
  --c-primary: #F2427A;
  --c-primary-2: #D42B64;
  --c-primary-contrast: #FFFFFF;
  --c-coral: #FF7A59;
  --c-orchid: #B23BBE;
  --g-signature: linear-gradient(120deg, #FF7A59 0%, #F2427A 55%, #B23BBE 100%);
  --g-soft: linear-gradient(120deg, rgba(255,122,89,.18), rgba(242,66,122,.14) 55%, rgba(178,59,190,.16));
  /* Bagudkompatible aliaser */
  --c-accent: #D42B64;
  --c-accent-2: #FF7A59;
  /* Semantik */
  --c-success: #1FA372;
  --c-danger: #D2415B;
  --c-warning: #D98A1F;
  --c-online: #1FBF8F;
  --c-ink-mint: #146B50;
  --c-ink-amber: #8A5A0E;
  --c-overlay: rgba(35, 22, 31, 0.72);
  /* Toner bag medier og CTA-blokke (vælges pr. annonce: id mod 5) */
  --t-1: #FFE9E1; --t-2: #FFF2E0; --t-3: #FFE3EC; --t-4: #F4E7FA; --t-5: #E4F6EE;
  --blob-opacity: .55;
  /* Glas: halvgennemsigtig flade oven på foto (badges, hero-knapper) */
  --c-glass: rgba(255,255,255,.88);
  --c-glass-ink: #23161F;

  /* Mørk palet — værdierne står ét sted og aktiveres af de to blokke nederst i filen */
  --dk-bg: #17111A; --dk-surface: #211823; --dk-surface-2: #2B2030; --dk-border: #3A2D3F;
  --dk-text: #FBF3F6; --dk-text-2: #C9B9C2; --dk-text-3: #8F808A;
  --dk-ink-mint: #7FE0BD; --dk-ink-amber: #F0B75A;
  --dk-t-1: #3A2429; --dk-t-2: #3B2E22; --dk-t-3: #3C2230; --dk-t-4: #32243A; --dk-t-5: #1F332C;
  --dk-overlay: rgba(0,0,0,.72);
  --dk-glass: rgba(28,20,31,.86);
  --dk-shadow-1: 0 1px 2px rgba(0,0,0,.4);
  --dk-shadow-2: 0 8px 24px -12px rgba(0,0,0,.5);
  --dk-shadow-lift: 0 14px 34px -14px rgba(242,66,122,.45);
  --dk-focus: 0 0 0 3px rgba(242,66,122,.55);

  /* Typografi */
  --f-display: "Plus Jakarta Sans", "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;
  --f-body: "Plus Jakarta Sans", "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;
  --f-script: "Sacramento", "Snell Roundhand", "Brush Script MT", cursive;
  --fs-0: 0.8333rem;  /* 12.5 */
  --fs-1: 1rem;       /* 15 */
  --fs-2: 1.2rem;     /* 18 */
  --fs-3: 1.4667rem;  /* 22 */
  --fs-4: 1.8rem;     /* 27 */
  --fs-5: 2.2667rem;  /* 34 */
  --fs-6: 2.9333rem;  /* 44 */
  --fs-7: 3.7333rem;  /* 56 */
  --lh-tight: 1.1;
  --lh-body: 1.6;

  /* Afstande, form, dybde */
  --sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 0.75rem; --sp-4: 1rem; --sp-5: 1.5rem;
  --sp-6: 2rem; --sp-7: 3rem; --sp-8: 4rem; --sp-9: 6rem;
  --radius-sm: 10px; --radius: 14px; --radius-lg: 20px; --radius-xl: 28px; --radius-pill: 999px;
  --shadow-1: 0 1px 2px rgba(35,22,31,.05);
  --shadow-2: 0 8px 24px -12px rgba(178,59,190,.18);
  --shadow-lift: 0 14px 34px -14px rgba(242,66,122,.35);
  --container: 1360px;
  --bp-md: 640px; --bp-lg: 1024px;
  --card-ratio: 4 / 5;
  --focus: 0 0 0 3px rgba(242,66,122,.35);
  --ease: cubic-bezier(.2,.8,.2,1);
  --dur: .16s;
}
/* Mørkt tema: eksplicit valg (data-theme) eller pr. flade (.theme-dark: swipe, chat) */
:root[data-theme="dark"], .theme-dark {
  color-scheme: dark;
  --c-bg: var(--dk-bg); --c-surface: var(--dk-surface); --c-surface-2: var(--dk-surface-2); --c-border: var(--dk-border);
  --c-text: var(--dk-text); --c-text-2: var(--dk-text-2); --c-text-3: var(--dk-text-3);
  --c-ink-mint: var(--dk-ink-mint); --c-ink-amber: var(--dk-ink-amber);
  --t-1: var(--dk-t-1); --t-2: var(--dk-t-2); --t-3: var(--dk-t-3); --t-4: var(--dk-t-4); --t-5: var(--dk-t-5);
  --c-overlay: var(--dk-overlay);
  --c-glass: var(--dk-glass); --c-glass-ink: var(--dk-text);
  --shadow-1: var(--dk-shadow-1); --shadow-2: var(--dk-shadow-2); --shadow-lift: var(--dk-shadow-lift);
  --focus: var(--dk-focus);
  --blob-opacity: .35;
}
/* Systemtema: følg OS, når brugeren ikke har valgt lyst eksplicit. Samme kortlægning som ovenfor. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  color-scheme: dark;
  --c-bg: var(--dk-bg); --c-surface: var(--dk-surface); --c-surface-2: var(--dk-surface-2); --c-border: var(--dk-border);
  --c-text: var(--dk-text); --c-text-2: var(--dk-text-2); --c-text-3: var(--dk-text-3);
  --c-ink-mint: var(--dk-ink-mint); --c-ink-amber: var(--dk-ink-amber);
  --t-1: var(--dk-t-1); --t-2: var(--dk-t-2); --t-3: var(--dk-t-3); --t-4: var(--dk-t-4); --t-5: var(--dk-t-5);
  --c-overlay: var(--dk-overlay);
  --c-glass: var(--dk-glass); --c-glass-ink: var(--dk-text);
  --shadow-1: var(--dk-shadow-1); --shadow-2: var(--dk-shadow-2); --shadow-lift: var(--dk-shadow-lift);
  --focus: var(--dk-focus);
  --blob-opacity: .35;
  }
}