/* Orbia Design System — tokens (marca v2, novembro/2026)
   Fonte: docs/02-design-system.md (raiz do projeto). Não editar valores
   aqui sem atualizar o doc — eles são a mesma fonte de verdade.

   Paleta medida na referência de gradiente da marca (preto, azul
   profundo, violeta, rosa/salmão, pêssego). O LOGO é sempre preto ou
   branco; a cor vive nos fundos (gradiente + grão) e nos acentos.
   Os nomes legados (--orbia-navy-*, --orbia-yellow-*) foram mantidos e
   remapeados para a paleta nova, para o resto do tema herdar sozinho. */

:root {
  /* cor — paleta v2 */
  --orbia-vazio: #05070F;
  --orbia-noite: #0B0D1E;
  --orbia-marinho: #17204D;
  --orbia-profundo: #25367D;
  --orbia-cobalto: #3054BC;
  --orbia-ceu: #75A5DF;
  --orbia-ciano: #74C4DF;
  --orbia-violeta: #8489CE;
  --orbia-orquidea: #D098CA;
  --orbia-salmao: #E58B79;
  --orbia-pessego: #FCE2CB;
  --orbia-branco-quente: #FFF7F0;

  /* cor — nomes legados remapeados (ver nota acima) */
  --orbia-navy-900: var(--orbia-noite);
  --orbia-navy-700: var(--orbia-marinho);
  --orbia-navy-500: var(--orbia-profundo);
  --orbia-yellow-500: var(--orbia-pessego);
  --orbia-yellow-600: var(--orbia-salmao);
  --orbia-white: var(--orbia-branco-quente);
  --orbia-ink: #07070D;
  --orbia-mist-100: #F5EDE6;
  --orbia-mist-300: #E3D9D0;
  --orbia-mist-600: #6C6C7A;
  --orbia-alert: #B54A3C;
  --orbia-success: #3C8C6B;

  /* tipografia — stack de sistema até a família definitiva ser
     licenciada e self-hosted (ver docs/07-arquitetura-tecnica.md) */
  --font-display: -apple-system, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  --font-text: -apple-system, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", ui-monospace, monospace;

  /* escala tipográfica */
  --type-display-1: clamp(2.75rem, 9vw + 1rem, 9.5rem);
  --type-display-2: clamp(2.25rem, 6vw + 1rem, 5.5rem);
  --type-h1: clamp(2rem, 3vw + 1rem, 3.25rem);
  --type-h2: clamp(1.5rem, 2vw + 1rem, 2.25rem);
  --type-h3: clamp(1.25rem, 1vw + 1rem, 1.5rem);
  --type-body-lg: clamp(1.125rem, 0.5vw + 1rem, 1.25rem);
  --type-body: 1rem;
  --type-small: 0.875rem;
  --type-micro: 0.75rem;

  /* espaçamento (base 4px) */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --space-9: 96px; --space-10: 128px; --space-11: 192px;

  /* raio */
  --radius-sm: 4px; --radius-md: 12px; --radius-lg: 24px; --radius-full: 999px;

  /* motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-instant: 120ms;
  --duration-fast: 240ms;
  --duration-base: 480ms;
  --duration-slow: 800ms;
  --duration-page: 600ms;

  /* container */
  --container-max: 1440px;
  --container-pad: clamp(1.25rem, 5vw, 6rem);
}