/* _space — color tokens — V2-KONCEPT (2026-08-17)
   Ny farvelogik: gul er UDGÅET af paletten.
   Hvid = base (~60%). Creme = ro/indhold + håndværks-accent.
   Rosa = varme OG fremhævning (highlight-mark, garanti, leadmagnet, Maja).
   Blå = services/tillid + data/bevis (tal, beregnere, rapport-mocks).
   Sort = blæk (#16181D) + ALLE CTA-knapper (Stripe/Linear-mønsteret).
   Gamle --space-yellow*-tokens beholdes som alias -> creme, så al
   eksisterende markup falder tilbage til creme uden at knække. */

:root {
  /* Base palette */
  --space-black: #16181D;    /* V2: blæk, ikke ren sort */
  --space-white: #FFFFFF;
  --space-pink: #F8C6D5;
  --space-blue: #CFE4F7;
  --space-red: #E6223E;
  --space-cream: #FAF3D4;

  /* Udgåede gul-tokens — alias til creme (V2) */
  --space-yellow: var(--space-cream);
  --space-yellow-pop: var(--space-cream);
  --space-yellow-mid: var(--space-cream);
  --space-yellow-soft: var(--space-cream);

  /* Derived neutrals (blæk/hvid at opacity — never new grey hexes) */
  --ink-100: rgba(22, 24, 29, 1);
  --ink-70: rgba(22, 24, 29, 0.72);
  --ink-50: rgba(22, 24, 29, 0.52); /* KUN tekst >=24px eller dekoration */
  --ink-20: rgba(22, 24, 29, 0.20);
  --ink-10: rgba(22, 24, 29, 0.10);
  --paper-100: rgba(255, 255, 255, 1);
  --paper-70: rgba(255, 255, 255, 0.70);
  --paper-50: rgba(255, 255, 255, 0.50);
  --paper-20: rgba(255, 255, 255, 0.20);
  --paper-10: rgba(255, 255, 255, 0.10);

  /* Semantic — light surface (default) */
  --surface-page: var(--space-white);
  --surface-card: var(--space-white);
  --surface-inverse: var(--space-black);
  --text-heading: var(--space-black);
  --text-body: var(--ink-70);
  --text-muted: var(--ink-50);
  --border-hairline: var(--ink-10);
  --border-strong: var(--space-black);

  /* Accent usage — V2: rosa er fremhævningen, blå er data */
  --accent: var(--space-pink);             /* highlight, emphasis, varme */
  --accent-on: var(--space-black);         /* text on accent */
  --data: var(--space-blue);               /* tal, bevis, rapporter */
  --alert: var(--space-red);               /* rare: urgency, error */

  /* Industry accents — V2: creme/rosa/blå (gul udgået) */
  --industry-salon: var(--space-pink);     /* frisører & salon */
  --industry-trades: var(--space-cream);   /* håndværkere / byg — V2: creme */
  --industry-clinic: var(--space-blue);    /* klinikker & sundhed */

  /* Buttons — V2: alle CTA'er er sorte på lyse flader */
  --btn-primary-bg: var(--space-black);
  --btn-primary-fg: var(--space-white);
  /* Accent bruges kun paa moerke sektioner (verificeret: 110/110 forekomster).
     Sort paa sort forsvandt, saa accenten er V2's gul = creme, med sort tekst.
     (Nikolajs beslutning 2026-08-25.) */
  --btn-accent-bg: var(--space-cream);
  --btn-accent-fg: var(--space-black);
}