/* ==========================================================================
   ABB Data · IA — Design Tokens
   Extraído da apresentação institucional (paleta, tipografia, espaçamentos)
   ========================================================================== */

:root {
  /* --- Cores de marca --- */
  --c-orange: #ff5a1f;
  --c-orange-soft: #ff7a47;
  --c-orange-tint: rgba(255, 90, 31, 0.14);

  --c-dark: #0e1116;          /* fundo escuro (slides 3, 10, 12) */
  --c-dark-2: #161a21;        /* superfícies sobre o escuro */
  --c-dark-3: #1f242d;        /* bordas / cards no escuro */

  --c-cream: #f3eee4;         /* fundo claro (slides 1, 4, 6, 8, 9, 11) */
  --c-cream-2: #e9e3d6;       /* superfícies sobre o creme */

  /* --- Texto --- */
  --c-ink: #15181c;           /* texto sobre creme */
  --c-ink-soft: #4b525c;
  --c-muted: #8a8f98;         /* labels mono, captions */
  --c-on-dark: #f3eee4;       /* texto sobre escuro */
  --c-on-dark-soft: #aab0ba;

  /* --- Tipografia --- */
  --font-display: "Archivo", "Inter Tight", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", "Space Mono", ui-monospace, monospace;

  /* escala fluida */
  --fs-hero: clamp(1.85rem, 5.6vw, 3.75rem);
  --fs-h2: clamp(2rem, 4.5vw, 3.8rem);
  --fs-h3: clamp(1.4rem, 2.4vw, 2rem);
  --fs-lead: clamp(1.05rem, 1.6vw, 1.35rem);
  --fs-body: 1rem;
  --fs-mono: 0.78rem;

  /* --- Espaçamento --- */
  --space-section: clamp(2.5rem, 5vw, 4.5rem);
  --container: 1240px;
  --gutter: clamp(1.25rem, 4vw, 3rem);

  /* --- Bordas / sombras / movimento --- */
  --radius: 4px;
  --radius-lg: 8px;
  --border-dark: 1px solid rgba(243, 238, 228, 0.12);
  --border-light: 1px solid rgba(21, 24, 28, 0.12);
  --shadow: 0 18px 50px -24px rgba(14, 17, 22, 0.5);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 0.18s var(--ease);
  --t: 0.4s var(--ease);
}