:root{
  /* ---- surfaces ---- */
  --bg:            #FBFAF6;
  --bg-alt:        #F1EEE6;
  --bg-raised:     #FFFFFF;
  --bg-drk:        #212121;
  --border:        #E4E0D4;
  --border-strong: #CFCABE; /* was single-post.php's --t45-border-dark */

  /* ---- ink / text ---- */
  --ink:           #15161A;
  --text:          #15161A;
  --text-soft:     #2C2D31; /* was single-post.php's --t45-text: softer body-copy tone, distinct from --ink */
  --text-2:        #58564E;
  --text-3:        #8B8879;

  /* ---- brand accent (cobalt) ---- */
  --accent:        #5733FF;
  --accent-soft:   #E8EAFC;
  --accent-text:   #FFFFFF;

  /* ---- signature red (Danish flag red) ---- */
  --red:           #C8102E;
  --red-soft:      #FBE7E9;

  /* ---- tertiary amber ---- */
  --amber:         #B0752E;
  --amber-soft:    #FAF0E1;

  /* ---- sponsor tag (aliases amber by default) ---- */
  --tag-sponsor:    #B0752E;
  --tag-sponsor-bg: #FAF0E1;

  /* ---- radii ---- */
  --radius-sm:     6px;
  --radius:        14px;
  --radius-lg:     20px;
  --radius-pill:   999px;

  /* ---- layout ---- */
  --max:           1400px;
  --col-gap:       28px;

  /* ---- overlays / shadows ---- */
  --overlay:       linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.15) 45%, rgba(10,10,12,.92) 100%);
  --shadow-sm:     0 1px 2px rgba(21,22,26,.04), 0 1px 1px rgba(21,22,26,.03);
  --shadow:        0 8px 24px rgba(21,22,26,.07);
  --shadow-hover:  0 20px 40px rgba(21,22,26,.14);
  --shadow-inset:  inset 0 0 0 1px rgba(21,22,26,.06);

  /* ---- motion ---- */
  --ease:          cubic-bezier(.22,.61,.36,1);
  --ease-spring:   cubic-bezier(.16,1,.3,1);
  --dur-1:         .4s;
  --dur-2:         .7s;

  /* ---- focus / stagger ---- */
  --focus-ring:    0 0 0 3px var(--accent-soft), 0 0 0 1px var(--accent);
  --stagger-step:  60ms;

  /* ---- 4px spacing scale ---- */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px;
  --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;

  /* shared height for form controls / pill buttons sitting side by side */
  --control-h: 52px;

  /* ---- fonts ---- */
  --font-display: 'Bricolage Grotesque', sans-serif;
  --font-body:    'Inter', sans-serif;
}

html.dark{
  --bg:            #121317;
  --bg-alt:        #191B20;
  --bg-raised:     #1D1F25;
  --border:        #2C2E35;
  --border-strong: #3A3C44;
  --ink:           #F3F1EA;
  --text:          #F3F1EA;
  --text-soft:     #E7E4DA;
  --text-2:        #ACA99E;
  --text-3:        #75736A;
  --accent:        #7C89FF;
  --accent-soft:   #232649;
  --accent-text:   #0E1020;
  --red:           #FF6B7A;
  --red-soft:      #331A1E;
  --amber:         #E3AC66;
  --amber-soft:    #322412;
  --tag-sponsor:    #E3AC66;
  --tag-sponsor-bg: #322412;
  --shadow:        0 8px 24px rgba(0,0,0,.4);
  --shadow-hover:  0 20px 44px rgba(0,0,0,.55);
  --shadow-inset:  inset 0 0 0 1px rgba(255,255,255,.06);
}