/* DINAVE — proposta de rebranding v1.0, 2026-11-11.
 * Tokens de implementação; não carregam fontes nem implementam componentes.
 * Tema claro por defeito. Aplicar data-dinave-theme="dark" para fundo escuro.
 */

:root {
  --dinave-rigor: #121A20;
  --dinave-marfim: #F4F0E8;
  --dinave-petroleo: #163B50;
  --dinave-heranca: #B78B55;
  --dinave-futuro: #76DAEA;
  --dinave-nevoa: #5C6B75;
  --dinave-linha: #C7CBC8;
  --dinave-branco: #FFFFFF;
  --dinave-bruma: #BCC5C9;
  --dinave-aco: #48565F;

  --dinave-font-sans: "Inter", Arial, sans-serif;
  --dinave-font-mono: "IBM Plex Mono", monospace;
  --dinave-font-heritage: "Mr Dafoe", cursive;

  --dinave-weight-regular: 400;
  --dinave-weight-medium: 500;
  --dinave-weight-semibold: 600;
  --dinave-weight-bold: 700;

  --dinave-type-display-size: 64px;
  --dinave-type-display-line-height: 64px;
  --dinave-type-display-tracking: -2px;
  --dinave-type-heading-size: 40px;
  --dinave-type-heading-line-height: 44px;
  --dinave-type-heading-tracking: -1px;
  --dinave-type-subheading-size: 24px;
  --dinave-type-subheading-line-height: 30px;
  --dinave-type-body-size: 16px;
  --dinave-type-body-line-height: 24px;
  --dinave-type-small-size: 14px;
  --dinave-type-small-line-height: 20px;
  --dinave-type-label-size: 12px;
  --dinave-type-label-line-height: 16px;
  --dinave-type-label-tracking: 1.5px;

  --dinave-space-4: 4px;
  --dinave-space-8: 8px;
  --dinave-space-12: 12px;
  --dinave-space-16: 16px;
  --dinave-space-24: 24px;
  --dinave-space-32: 32px;
  --dinave-space-48: 48px;
  --dinave-space-64: 64px;

  --dinave-radius-small: 4px;
  --dinave-radius-pill: 999px;
  --dinave-icon-size: 24px;
  --dinave-icon-stroke: 1.5px;
  --dinave-logo-min-width: 120px;
  --dinave-motion-story-duration: 6s;
}

:root,
[data-dinave-theme="light"] {
  --dinave-background: var(--dinave-marfim);
  --dinave-surface: var(--dinave-branco);
  --dinave-text: var(--dinave-rigor);
  --dinave-text-muted: var(--dinave-nevoa);
  --dinave-border: var(--dinave-linha);
  --dinave-accent: var(--dinave-heranca);
  --dinave-link: var(--dinave-petroleo);
  --dinave-focus: var(--dinave-petroleo);
  --dinave-action-background: var(--dinave-rigor);
  --dinave-action-text: var(--dinave-branco);
  --dinave-action-hover: var(--dinave-petroleo);
  --dinave-disabled-background: var(--dinave-linha);
  --dinave-disabled-text: var(--dinave-aco);
}

[data-dinave-theme="dark"] {
  --dinave-background: var(--dinave-rigor);
  --dinave-surface: var(--dinave-petroleo);
  --dinave-text: var(--dinave-marfim);
  --dinave-text-muted: var(--dinave-bruma);
  --dinave-border: var(--dinave-aco);
  --dinave-accent: var(--dinave-futuro);
  --dinave-link: var(--dinave-futuro);
  --dinave-focus: var(--dinave-futuro);
  --dinave-action-background: var(--dinave-marfim);
  --dinave-action-text: var(--dinave-rigor);
  --dinave-action-hover: var(--dinave-branco);
  --dinave-disabled-background: var(--dinave-aco);
  --dinave-disabled-text: var(--dinave-bruma);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dinave-motion-story-duration: 0s;
  }
}