:root {
  /* ===== DARK LUXURY PALETTE ===== */
  --color-bg: #141210;
  --color-bg-card: #1E1C18;
  --color-bg-elevated: #262420;
  --color-bg-surface: #1A1816;
  --color-bg-warm: #1C1A16;

  --color-text: #E8E0D0;
  --color-text-body: #BDB5A5;
  --color-text-secondary: #8A8276;
  --color-text-muted: #5E584E;

  --color-gold: #C4A265;
  --color-gold-hover: #D4B575;
  --color-gold-light: rgba(196, 162, 101, 0.10);
  --color-gold-border: rgba(196, 162, 101, 0.20);
  --color-gold-glow: rgba(196, 162, 101, 0.06);

  --color-border: rgba(255, 255, 255, 0.06);
  --color-border-hover: rgba(196, 162, 101, 0.30);

  /* ===== GRADIENTS ===== */
  --gradient-cta: linear-gradient(135deg, #C4A265 0%, #A8873F 100%);
  --gradient-cta-hover: linear-gradient(135deg, #D4B575 0%, #C4A265 100%);
  --gradient-surface: linear-gradient(180deg, var(--color-bg-card) 0%, var(--color-bg) 100%);
  --gradient-hero-glow: radial-gradient(ellipse at 50% 40%, rgba(196,162,101,0.06) 0%, transparent 60%);

  /* ===== SHADOWS ===== */
  --shadow-sm: 0 2px 12px rgba(0,0,0,0.3);
  --shadow-md: 0 8px 32px rgba(0,0,0,0.4);
  --shadow-lg: 0 20px 60px rgba(0,0,0,0.5);
  --shadow-gold: 0 4px 24px rgba(196,162,101,0.20);
  --shadow-gold-hover: 0 8px 40px rgba(196,162,101,0.30);
  --shadow-inset: inset 0 1px 0 rgba(255,255,255,0.03);

  /* ===== TYPOGRAPHY ===== */
  --font-heading: 'DM Serif Display', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  --size-display: clamp(42px, 5vw, 64px);
  --size-h1: clamp(36px, 4.5vw, 56px);
  --size-h2: clamp(30px, 3.5vw, 46px);
  --size-h3: clamp(20px, 2.2vw, 24px);
  --size-body: 17px;
  --size-body-lg: 19px;
  --size-small: 15px;
  --size-xs: 13px;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  --leading-tight: 1.18;
  --leading-snug: 1.3;
  --leading-normal: 1.7;
  --leading-loose: 1.85;

  --tracking-tight: -0.02em;
  --tracking-wide: 0.06em;
  --tracking-caps: 0.16em;

  /* ===== SPACING ===== */
  --max-width: 1200px;
  --max-width-text: 800px;
  --gutter: clamp(24px, 5vw, 64px);
  --section-py: clamp(36px, 4.5vw, 56px);
  --card-pad: clamp(28px, 3.5vw, 44px);
  --radius: 16px;
  --radius-sm: 10px;
  --radius-btn: 12px;

  /* ===== MOTION ===== */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 0.2s;
  --duration: 0.5s;
  --duration-slow: 0.8s;

  /* ===== Z ===== */
  --z-bg: -2;
  --z-decor: -1;
  --z-content: 1;
  --z-float: 90;
  --z-header: 100;
  --z-modal: 200;
}