/* EXPON — Design tokens (fonte: docs/referencia/painel-identidade-expon.png) */
:root {
  /* Paleta oficial */
  --navy: #071627;          /* Azul-marinho profundo — confiança, autoridade */
  --gold: #D4AF37;          /* Dourado champagne — excelência, valor */
  --white: #FFFFFF;         /* Branco — clareza, contraste */
  --ivory: #F3F0E8;         /* Neutro de apoio — suavidade */

  /* Derivados (apenas variações tonais da paleta oficial) */
  --navy-850: #0A1C30;
  --navy-800: #0D2239;
  --navy-700: #13304E;
  --gold-light: #EBD283;
  --gold-dark: #A8862A;
  --ivory-200: #E8E3D6;
  --ivory-50: #FAF8F3;

  --gold-gradient: linear-gradient(135deg, #F4DE95 0%, #D4AF37 45%, #9A7720 100%);

  /* Texto */
  --ink: var(--navy);
  --ink-soft: #46546A;
  --ink-mute: #6B7789;
  --on-dark: #E9EDF2;
  --on-dark-soft: #A6B2C1;

  /* Linhas */
  --line-dark: rgba(212, 175, 55, .22);
  --line-dark-soft: rgba(233, 237, 242, .10);
  --line-light: rgba(7, 22, 39, .12);
  --line-light-strong: rgba(7, 22, 39, .24);

  /* Estados */
  --error: #B4412F;
  --error-on-dark: #F08B78;
  --success: #3E7D5A;

  /* Tipografia */
  --font-display: 'Montserrat', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;

  --fs-xs: .75rem;
  --fs-sm: .875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);
  --fs-xl: clamp(1.6rem, 1.2rem + 1.6vw, 2.4rem);
  --fs-2xl: clamp(2rem, 1.3rem + 3vw, 3.4rem);
  --fs-3xl: clamp(2.3rem, 1.2rem + 4.6vw, 4.6rem);

  --tracking-wide: .14em;
  --tracking-title: .03em;

  /* Espaço e layout */
  --container: 1200px;
  --gutter: clamp(16px, 4vw, 40px);
  --section-y: clamp(72px, 9vw, 136px);
  --header-h: 76px;
  --radius: 2px;

  /* Movimento */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur: .5s;
}