:root, [data-theme="light"] {
  
  --bg:           #F6F8FA;
  --bg-alt:       #FFFFFF;
  --fg:           #1F2328;
  --fg-muted:     #656D76;
  --fg-faint:     rgba(0, 0, 0, 0.05);
  --accent:       #CC1F1F;
  --accent-dark:  #991414;
  --accent-glow:  rgba(204, 31, 31, 0.15);
  --white:        #1F2328;
  --card-bg:      #FFFFFF;
  --border:       rgba(31, 35, 40, 0.12);
  --border-strong:rgba(31, 35, 40, 0.22);
  --shadow:       0 4px 20px rgba(0, 0, 0, 0.06);
  --shadow-lg:    0 12px 36px rgba(0, 0, 0, 0.1);
  --shadow-xl:    0 24px 60px rgba(0, 0, 0, 0.14);
  --red:          #E02424;
  --green:        #059669;
  --gold:         #D97706;

  
  --r:            12px;
  --r-sm:         8px;
  --r-lg:         20px;
  --nav-h:        68px;
  --section-pad:  7rem 5vw;
  --container:    1280px;

  
  --t-fast:       0.15s ease;
  --t-mid:        0.25s ease;
  --t-slow:       0.4s cubic-bezier(0.4,0,0.2,1);
  --t-spring:     0.5s cubic-bezier(0.34,1.56,0.64,1);
}

[data-theme="dark"] {
  --bg:           #0B0808;
  --bg-alt:       #130D0D;
  --fg:           #F0ECEB;
  --fg-muted:     rgba(240,236,235,0.48);
  --fg-faint:     rgba(240,236,235,0.12);
  --accent:       #CC1F1F;
  --accent-dark:  #8B0F0F;
  --accent-glow:  rgba(204,31,31,0.28);
  --white:        #F8F4F4;
  --card-bg:      #1A1111;
  --border:       rgba(255,255,255,0.07);
  --border-strong:rgba(255,255,255,0.13);
  --shadow:       0 4px 24px rgba(0,0,0,0.35);
  --shadow-lg:    0 12px 48px rgba(0,0,0,0.55);
  --shadow-xl:    0 24px 64px rgba(0,0,0,0.70);
  --red:          #FF3A3A;
  --green:        #00C47A;
  --gold:         #FFB800;
}