/* InnovaBlack design tokens - premium dorado palette + Geist typography
   CC-B00: paleta refinada (#f6aa36 → #C9A24A)
   CC-B02: Geist como sistema tipográfico */

@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800&family=Geist+Mono:wght@400;500;600&display=swap');

:root {
  /* Color tokens */
  --bg-base: #0A0A0A;
  --bg-elevated: #141414;
  --bg-overlay: #1F1F1F;
  --text-primary: #FAFAFA;
  --text-secondary: #A3A3A3;
  --text-tertiary: #525252;
  --accent: #C9A24A;
  --accent-hover: #D4B260;
  --accent-muted: #9C7C38;
  --accent-subtle: rgba(201, 162, 74, 0.1);
  --border-subtle: #1F1F1F;
  --border-default: #2A2A2A;
  --border-strong: #404040;
  --state-success: #22C55E;
  --state-warning: #EAB308;
  --state-error: #EF4444;

  /* Typography tokens (CC-B02) */
  --font-display: 'Geist', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-sans:    'Geist', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:    'Geist Mono', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* Geist override — alta especificidad (html body > body) para ganar contra
   :root inline en cada página. Aplica a body por defecto + headings + nav.
   Mantiene 'Outfit'/'DM Sans' como fallback si Geist falla en cargar. */
html body,
html body input,
html body button,
html body select,
html body textarea {
  font-family: var(--font-sans), 'DM Sans', 'Outfit', system-ui, sans-serif;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .h1,
html body .h2,
html body .h3,
html body .hero-h1,
html body .nav-logo {
  font-family: var(--font-display), 'Outfit', system-ui, sans-serif;
  font-feature-settings: 'ss01', 'ss02', 'cv01', 'cv11';
  letter-spacing: -0.015em;
}

html body code,
html body pre,
html body .mono,
html body .eyebrow,
html body .tag,
html body kbd {
  font-family: var(--font-mono), ui-monospace, monospace;
}