/**
 * Longevity Systems - Core Design Tokens & Unified Typography System
 * 
 * 1 Headline Font: Cormorant Garamond
 * 1 Text Font: Inter
 * Fixed Button Rules: Inter, 700 bold, 0.08em letter-spacing, uppercase, standard radii
 */

:root {
  /* =========================================================
     1. UNIFIED TYPOGRAPHY TOKENS
     ========================================================= */
  --font-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  
  /* Standardized Product & Sub-page Variable Mapping */
  --serif: var(--font-serif);
  --sans: var(--font-sans);
  --cxp-serif: var(--font-serif);
  --cxp-sans: var(--font-sans);
  --lcx-serif: var(--font-serif);
  --lcx-sans: var(--font-sans);
  --mag-serif: var(--font-serif);
  --mag-sans: var(--font-sans);

  /* =========================================================
     2. COLOR PALETTE TOKENS
     ========================================================= */
  --color-gold: #c99f4f;
  --color-gold-light: #dfba6d;
  --color-gold-dark: #b4863a;
  --color-gold-bg: rgba(201, 159, 79, 0.1);
  --color-gold-glow: rgba(201, 159, 79, 0.25);
  
  --color-ink: #172033;
  --color-ink-light: #2c354a;
  --color-muted: #64748b;
  --color-subtle: #94a3b8;
  
  --color-surface-light: #faf8f5;
  --color-surface-white: #ffffff;
  --color-surface-dark: #0d1117;

  /* =========================================================
     3. STANDARDIZED BUTTON TOKENS
     ========================================================= */
  --btn-font-family: var(--font-sans);
  --btn-font-weight: 700;
  --btn-letter-spacing: 0.08em;
  --btn-radius: 10px;
  --btn-height: 52px;
}

/* =========================================================
   GLOBAL TYPOGRAPHY OVERRIDES
   ========================================================= */
body, p, span, li, button, input, select, textarea, label, td, th {
  font-family: var(--font-sans);
}

h1, h2, h3, .font-serif, .editorial-title, .brand-title, .specs-main-title, .cxp-serif-title {
  font-family: var(--font-serif);
}

/* =========================================================
   STANDARDIZED BUTTON RULES
   ========================================================= */
.btn, 
.cxp-btn, 
.sf-trigger-btn, 
.h-cta, 
.recomat-button, 
.ice-btn, 
.ice-btn-outline-gold, 
.cxp-mobile-drawer-cta,
.lp-btn-primary {
  font-family: var(--btn-font-family) !important;
  font-weight: var(--btn-font-weight) !important;
  letter-spacing: var(--btn-letter-spacing) !important;
  text-transform: uppercase !important;
}