/* ==========================================================================
   ADAM'S — Design Tokens
   Luxury dark editorial system for premium men's grooming brand
   ========================================================================== */

:root {
  /* ---- Color: surfaces ---- */
  --color-bg: #0c0c0c;
  --color-bg-elevated: #141414;
  --color-surface: #161616;
  --color-surface-alt: #1b1b1b;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-strong: rgba(255, 255, 255, 0.14);

  /* ---- Color: text ---- */
  --color-text: #f3f1ec;
  --color-text-dim: #9a978f;
  --color-text-faint: #6b6862;

  /* ---- Color: accent (champagne gold) ---- */
  --color-gold: #c9a063;
  --color-gold-bright: #ddb87c;
  --color-gold-dim: #8a703f;
  --color-gold-rgb: 201, 160, 99;

  /* ---- Typography ---- */
  --font-display: 'Anton', 'Oswald', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --tracking-tight: -0.01em;
  --tracking-normal: 0.02em;
  --tracking-wide: 0.12em;
  --tracking-wider: 0.22em;

  /* ---- Layout ---- */
  --container-width: 1320px;
  --container-pad: 32px;
  --section-space: 140px;
  --section-space-mobile: 80px;

  /* ---- Motion ---- */
  --ease-luxury: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 0.3s;
  --dur-mid: 0.6s;
  --dur-slow: 1s;

  /* ---- Z-index scale ---- */
  --z-nav: 1000;
  --z-offcanvas: 1100;
  --z-overlay: 1090;
  --z-loader: 1200;
}