:root {
  /* ── Section 1 ── */
  --s1-bg:             #2D78F5;
  --s1-text:           #FFFFFF;
  --s1-text-secondary: #C8DCFF;
  --s1-accent:         #FFD700;

  /* ── Section 2 ── */
  --s2-bg:     #000000;
  --s2-text:   #CCCCCC;
  --s2-accent: #FFFFFF;

  /* ── Section 3 ── */
  --s3-bg:     #1A1A1A;
  --s3-text:   #FFFFFF;
  --s3-accent: #FFD700;

  /* ── Section 4 ── */
  --s4-bg:     #FD642B;
  --s4-text:   #FFFFFF;
  --s4-accent: #25187A;

  /* ── Section 5 ── */
  --s5-bg:      #F7F7F8;
  --s5-text:    #1A1A1A;
  --s5-bad:     #9A9CA3;
  --s5-bad-bg:  #EDEDEF;
  --s5-good:    #2D78F5;
  --s5-good-bg: #EAF1FF;

  /* ── Section 6 ── */
  --s6-bg:     #15171C;
  --s6-text:   #FFFFFF;
  --s6-accent: #7C5CFF;

  /* ── Section 7 ── */
  --s7-bg:     #FFFFFF;
  --s7-text:   #1A1A1A;
  --s7-accent: #2D78F5;
  --s7-placeholder-bg:     #ECECEF;
  --s7-placeholder-border: #D2D2D8;
  --s7-placeholder-text:   #8A8A92;

  /* ── Section 8 ── */
  --s8-text:        #FFFFFF;
  --s8-accent:      #5B9DFF;

  /* ── Section 9 ── */
  --s9-bg:          #2D78F5;
  --s9-text:        #FFFFFF;
  --s9-accent:      #FFD700;
  --s9-card-bg:     #FFFFFF;
  --s9-card-text:   #1A1A1A;
  --s9-card-muted:  #5A5F6A;
  --s9-step:        #2D78F5;

  /* ── Section 10 ── */
  --s10-bg:         #FFFFFF;
  --s10-text:       #1A1A1A;
  --s10-muted:      #5A5F6A;
  --s10-accent:     #2D78F5;
  --s10-card-bg:    #F7F9FC;

  /* ── Section 11 ── */
  --s11-bg:         #F7F7F8;
  --s11-text:       #1A1A1A;
  --s11-muted:      #5A5F6A;
  --s11-accent:     #2D78F5;
  --s11-item-bg:    #FFFFFF;

  /* ── Typography ── */
  --font-hero:    clamp(22px, 3.8vw, 46px);
  --font-heading: clamp(22px, 3.5vw, 44px);
  --font-sub:     clamp(16px, 2vw, 22px);
  --font-body:    clamp(14px, 1.6vw, 18px);

  /* ── Spacing ── */
  --section-pad-compact: 80px;
  --section-pad-tight:   16px;
  --section-pad-hero:    16px;

  /* ── Height ── */
  --s3-height: 60vh;
}