/* ═══════════════════════════════════════════════════════
   DESIGN TOKENS — single source of truth for all pages
   ═══════════════════════════════════════════════════════ */
:root {
  /* Base backgrounds */
  --bg:          #1A2030;
  --bg-surface:  #1F2840;

  /* Section-specific backgrounds */
  --bg-services: #171B20;
  --bg-work:     #141820;
  --bg-about:    #161A22;
  --bg-contact:  #12111A;

  /* Primary accent — amber */
  --accent:      #C4956A;
  --accent-dim:  #8C6440;

  /* Service accent colors */
  --c-film:      #C4956A;
  --c-film-bg:   rgba(196,149,106,0.08);
  --c-film-glow: rgba(196,149,106,0.18);

  --c-comm:      #5BADA8;
  --c-comm-bg:   rgba(91,173,168,0.07);
  --c-comm-glow: rgba(91,173,168,0.16);

  --c-pod:       #C47060;
  --c-pod-bg:    rgba(196,112,96,0.07);
  --c-pod-glow:  rgba(196,112,96,0.16);

  --c-music:     #9B7BB5;
  --c-music-bg:  rgba(155,123,181,0.07);
  --c-music-glow:rgba(155,123,181,0.16);

  /* Text */
  --text:        #F2EDE6;
  --text-muted:  #9A9088;
  --text-dim:    #90867B;   /* raised from #6B6258 (2.72:1) → 4.55:1 WCAG AA */
  --text-bright: #F2EDE6;  /* alias — album flip card */
  --muted:       #90867B;  /* alias — album flip card */

  /* Fonts */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body:    'Source Sans 3', system-ui, sans-serif;

  /* Layout */
  --nav-h:       72px;
  --section-pad: clamp(96px, 14vw, 180px);
  --content-w:   1120px;
  --gutter:      clamp(24px, 5vw, 64px);

  /* Easing */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft:  cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── Light mode — Stúdió Lenvászon: Walnut (#7C5535) + Sand (#F0EDE4) ── */
[data-theme="light"] {
  --bg:          #F0EDE4;
  --bg-surface:  #E8E4DA;
  --bg-services: #EAE6DC;
  --bg-work:     #E6E2D8;
  --bg-about:    #ECEADF;
  --bg-contact:  #E4E0D6;

  --accent:      #7C5535;   /* walnut brown — warm, matte, natural */
  --accent-dim:  #5A3A20;   /* deep walnut */

  --c-film:      #708090;             /* Füst — smoke blue-grey */
  --c-film-bg:   rgba(112,128,144,0.11);
  --c-film-glow: rgba(112,128,144,0.38);  /* smoke pigment wash — multiply */

  --c-comm:      #C08830;             /* Sáfrány — warm saffron */
  --c-comm-bg:   rgba(192,136,48,0.10);
  --c-comm-glow: rgba(192,136,48,0.38);   /* saffron pigment wash — multiply */

  --c-pod:       #6A8060;             /* Kardamom — muted sage green */
  --c-pod-bg:    rgba(106,128,96,0.10);
  --c-pod-glow:  rgba(106,128,96,0.38);   /* cardamom pigment wash — multiply */

  --c-music:     #6A4568;             /* Boróka — dusky juniper plum */
  --c-music-bg:  rgba(106,69,104,0.10);
  --c-music-glow:rgba(106,69,104,0.38);   /* juniper pigment wash — multiply */

  --text:        #1A120A;   /* warm dark brown — was green-tinted #0A1A14 */
  --text-muted:  #4A3828;   /* warm mid brown — was Cyprus #1E4A46 */
  --text-dim:    #5A4030;   /* M-22: raised to WCAG AA (5.83:1 on ticker #DDD9CC) */
  --text-bright: #120C06;   /* warm near-black */
  --muted:       #5A4030;   /* alias */

  /* ── Nature palette expansion ── */
  --clay:        #C67B5C;   /* terracotta clay */
  --sand:        #D4C4A8;   /* warm sand */
  --cream:       #F5F0E1;   /* soft cream */
  --moss:        #5C7A5A;   /* deep moss green */

  /* ── Elevation system — warm paper shadows ── */
  --elev-1: 0 1px 3px rgba(92,52,20,0.06), 0 2px 8px rgba(92,52,20,0.04);
  --elev-2: 0 3px 8px rgba(92,52,20,0.08), 0 6px 20px rgba(92,52,20,0.06);
  --elev-3: 0 6px 16px rgba(92,52,20,0.10), 0 14px 40px rgba(92,52,20,0.08);
  --elev-4: 0 12px 32px rgba(92,52,20,0.12), 0 28px 70px rgba(92,52,20,0.09);
}