/**
 * Haute Horlogerie & Super Clone Luxury Widgets - Design Variables
 * Scoped tokens for typography, gold gradients, dark obsidian chassis, and responsive geometry.
 */

:root {
  /* Typography */
  --font-display: 'Cinzel', 'Playfair Display', 'Bodoni MT', Georgia, serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, Monaco, monospace;

  /* Exclusive Gold Palette */
  --color-gold: #c5a059;
  --color-gold-light: #e5c07b;
  --color-gold-dark: #9a7b38;
  --color-gold-glow: rgba(197, 160, 89, 0.22);
  --color-gold-subtle: rgba(197, 160, 89, 0.12);

  /* Deep Horological Dark Chassis */
  --color-bg-dark: #07080a;
  --color-surface-dark: #0d0f14;
  --color-card-dark: #12141a;
  --color-card-border: rgba(255, 255, 255, 0.1);
  --color-card-border-gold: rgba(197, 160, 89, 0.45);

  /* Text Contrasts */
  --color-text-white: #ffffff;
  --color-text-muted: #a1a1aa;
  --color-text-dim: #71717a;

  /* Studio Stage */
  --color-stage-bg: #ececec;

  /* Radii */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 9999px;

  /* Transitions */
  --luxury-transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --luxury-lift: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}