/*
 * tokens.css — Design System SIM × Apple
 * Fonte: SIM-primitivos-design-system.md + specs-apple-design.md
 * Tipografia e radius: SIM-primitivos | Espaçamento e layout: Apple
 */

@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@400;500;600;700&family=Comfortaa:wght@400;500;600;700&display=swap');

:root {

  /* ── FONTES — SIM-primitivos ───────────────── */
  --font-display: 'Lexend Deca', sans-serif;
  --font-body: 'Comfortaa', sans-serif;

  /* ── ESCALA TIPOGRÁFICA — rem ──────────────── */
  --text-display: 3.8125rem;
  /* 61px  Hero H1        */
  --text-6xl: 3rem;
  /* 48px  H1             */
  --text-5xl: 2.4375rem;
  /* 39px  H2 section     */
  --text-4xl: 1.875rem;
  /* 30px  H3             */
  --text-3xl: 1.5625rem;
  /* 25px  Card title     */
  --text-2xl: 1.5rem;
  /* 24px  Card title md  */
  --text-xl: 1.25rem;
  /* 20px  Subtítulo      */
  --text-lg: 1.125rem;
  /* 18px  Lead           */
  --text-base: 1rem;
  /* 16px  Body           */
  --text-md: 0.875rem;
  /* 14px  Helper         */
  --text-sm: 0.75rem;
  /* 12px  Labels         */
  --text-eyebrow: 0.8125rem;
  /* 13px  Overline       */

  /* ── PESOS ─────────────────────────────────── */
  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;

  /* ── LINE HEIGHTS ──────────────────────────── */
  --lh-none: 1;
  --lh-tight: 1.16;
  --lh-snug: 1.2;
  --lh-normal: 1.4;
  --lh-relaxed: 1.5;
  --lh-loose: 1.625;

  /* ── LETTER SPACING ────────────────────────── */
  --ls-tight: -0.71px;
  --ls-normal: 0px;
  --ls-wide: 0.4px;
  --ls-wider: 0.5px;

  /* ── CORES — SIM-primitivos ────────────────── */
  /* Fundo */
  --color-bg-primary: #132238;
  /* azul marinho SIM — fundo principal */
  --color-bg-deep: #0b1828;
  /* marinho mais escuro — hero, seções flagship */
  --color-bg-alt: #f5f5f7;
  /* cinza claro — seções alternadas */
  --color-bg-white: #ffffff;
  --color-bg-card: #1a2f47;
  /* card sobre fundo marinho */

  /* Texto */
  --color-text-dark: #1d1d1f;
  --color-text-light: #f5f5f7;
  --color-text-secondary: #6e6e73;
  --color-text-muted: #a1a1a6;

  /* Acento SIM Brand */
  --color-accent: #FF9500;
  /* laranja — cor primária SIM */
  --color-accent-hover: #E08600;
  /* laranja escuro — hover */
  --color-accent-secondary: #132238;
  /* azul marinho — cor secundária SIM */
  --color-accent-light: rgba(255, 149, 0, 0.14);

  /* Bordas e overlay */
  --color-border-light: rgba(0, 0, 0, 0.08);
  --color-border-dark: rgba(255, 255, 255, 0.12);
  --color-overlay: rgba(0, 0, 0, 0.60);
  --color-overlay-hero: rgba(0, 0, 0, 0.50);

  /* ── ESPAÇAMENTO ───────────────────── */
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 60px;
  --space-3xl: 80px;
  --space-4xl: 120px;

  --section-padding-v: 100px;
  --section-padding-v-mobile: 60px;
  --max-content-width: 60vw;
  --max-content-width-wide: 1200px;

  /* ── BORDER RADIUS — SIM-primitivos ────────── */
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-3xl: 40px;
  --radius-pill: 50px;
  --radius-full: 999px;
  --radius-circle: 100%;

  /* ── SOMBRAS — Apple ───────────────────────── */
  --shadow-card: 0 2px 24px rgba(0, 0, 0, 0.12);
  --shadow-popover: 0 4px 48px rgba(0, 0, 0, 0.18);

  /* ── NAVEGAÇÃO — Apple ─────────────────────── */
  --nav-height-global: 52px;
  --nav-bg-dark: rgba(10, 10, 10, 0.85);
  --nav-bg-light: rgba(255, 255, 255, 0.85);
  --nav-blur: saturate(180%) blur(20px);
}