:root {
    /* ── BACKGROUNDS ─────────────────────────────────────────── */
    --primary-bg:       #1a1a1a;
    --secondary-bg:     #222222;
    --surface-bg:       #2a2a2a;
    --header-bg:        #1a1a1a;
    --footer-bg:        #111111;

    /* ── (OLD RED SYSTEM → NOW GOLD SYSTEM) ─────────────────── */
    --red-dark:         #5c4520;
    --red-mid:          #a67c2e;
    --red-bright:       #d4a44b;

    --red-grad:         linear-gradient(135deg, #5c4520 0%, #a67c2e 50%, #d4a44b 100%);
    --red-grad-h:       linear-gradient(135deg, #6b4f24 0%, #b88b32 50%, #e6c06a 100%);

    --red-10:           rgba(212,164,75,0.10);
    --red-20:           rgba(212,164,75,0.20);

    --red-border:       rgba(212,164,75,0.35);
    --red-border-strong:rgba(212,164,75,0.55);

    /* ── GOLD — MAIN ACCENT ─────────────────────────────────── */
    --accent-gold:      #d4a44b;
    --accent-gold-lt:   #e6c06a;
    --accent-gold-dk:   #b8883a;

    --accent-gold-10:   rgba(212,164,75,0.10);
    --accent-gold-20:   rgba(212,164,75,0.20);

    --border-gold:      rgba(212,164,75,0.35);
    --shadow-gold:      0 4px 20px rgba(212,164,75,0.25);

    --btn-primary-bg:   #d4a44b;
    --btn-primary-txt:  #111111;

    --accent-gold-rgb: 212,164,75;

    /* ── TEXT ────────────────────────────────────────────────── */
    --text-primary:     #FFFFFF;
    --text-secondary:   #cccccc;
    --text-muted:       #999999;

    /* ── BORDERS ─────────────────────────────────────────────── */
      --border-color:     #333333;

    /* ── FONTS ───────────────────────────────────────────────── */
    --font-heading: 'Sora', sans-serif;
    --font-body: 'DM Sans', sans-serif;

    /* ── TYPE SCALE ──────────────────────────────────────────── */
    --fs-xs:    0.75rem;
    --fs-sm:    0.875rem;
    --fs-base:  1rem;
    --fs-md:    1.125rem;
    --fs-lg:    1.25rem;
    --fs-xl:    1.5rem;
    --fs-2xl:   2rem;
    --fs-hero:  clamp(2.2rem, 5vw, 4rem);

    /* ── SPACING ─────────────────────────────────────────────── */
    --section-py:   4rem;
    --card-p:       2rem;
    --border-r:     0.5rem;
    --border-r-lg:  1rem;

    /* ── EFFECTS ─────────────────────────────────────────────── */
    --shadow-sm:    0 2px 8px rgba(0,0,0,0.7);
    --shadow-md:    0 8px 24px rgba(0,0,0,0.8);
    --transition:   all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    /* ── LAYOUT ──────────────────────────────────────────────── */
    --header-h:     80px;
}