:root {
  /* Colors */
  --color-black: #070707;
  --color-ivory: #F7F5F1;
  --color-gold: #C6A46A;
  --color-gold-dust: #E8D5A2;
  --color-bronze: #6E5736;
  --color-ivory-muted: rgba(247, 245, 241, 0.65);
  --color-gold-hover: #d4b47a;
  --color-overlay: rgba(7, 7, 7, 0.75);

  /* Typography */
  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-arabic: 'Noto Naskh Arabic', serif;
  --font-logo: 'fantezy', 'Noto Naskh Arabic', serif;

  /* Type scale (see typography.css for utilities + responsive tuning) */
  --type-micro: 12px;
  --type-caption: clamp(13px, 0.25vw + 12px, 14px);
  --type-ui: clamp(14px, 0.4vw + 13px, 15px);
  --type-nav: clamp(12px, 0.2vw + 11px, 13px);
  --type-header-tagline: 12px;
  --type-body-sm: clamp(15px, 0.35vw + 14px, 16px);
  --type-body: clamp(16px, 0.2vw + 15px, 17px);
  --type-product-family: clamp(13px, 0.2vw + 12px, 13px);
  --type-product-name: clamp(16px, 0.35vw + 15px, 18px);
  --type-product-price: clamp(17px, 0.3vw + 16px, 18px);
  --type-product-price-lg: clamp(20px, 0.5vw + 18px, 24px);
  --type-h3: clamp(22px, 1.2vw + 18px, 30px);
  --type-h2: clamp(32px, 2vw + 24px, 48px);
  --type-h1: clamp(36px, 3.5vw + 24px, 72px);

  --tracking-product-name: 1.5px;
  --tracking-product-family: 1.2px;
  --line-height-product: 1.35;
  --line-height-body: 1.65;

  --text-h1: var(--type-h1);
  --text-h2: var(--type-h2);
  --text-h3: var(--type-h3);
  --text-body: var(--type-body);
  --text-small: var(--type-body-sm);
  --text-caption: var(--type-caption);
  --text-ui: var(--type-ui);

  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;

  --tracking-wide: 3px;
  --tracking-caption: 2px;
  --line-height-tight: 0.9;
  --line-height-normal: 1.6;

  /* Layout */
  --max-width: none;
  --section-padding-y: 100px;
  --section-padding-x: clamp(24px, 4vw, 72px);
  --grid-gap: 40px;
  --grid-columns: 12;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-medium: 0.4s ease;
  --transition-slow: 0.8s ease;
  --transition-image-crossfade: 0.75s cubic-bezier(0.4, 0, 0.2, 1);

  /* Borders */
  --border-gold: 1px solid var(--color-gold);
  --border-bronze: 1px solid var(--color-bronze);

  --header-opacity: 0;
  --z-header: 100;
  --z-overlay: 200;
  --z-cursor: 9999;

  /* Fixed header clearance for inner pages */
  --site-header-height: 116px;
  --page-header-gap: 32px;
  --page-top-offset: calc(var(--site-header-height) + var(--page-header-gap));
  --sticky-below-header: calc(var(--site-header-height) + var(--space-md));

  /* Motion timing (Ch 7.13) */
  --duration-hover: 200ms;
  --duration-press: 120ms;
  --duration-card: 300ms;
  --duration-reveal: 600ms;
  --duration-hero: 1000ms;

  /* Spacing scale */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 60px;
  --space-2xl: 100px;
}