/*
  Design tokens — Ashford Hub (landing pt-BR) — redesenho
  Fonte única de cores, tipografia e espaçamento do protótipo.
  Não hardcode cores/tamanhos em index.html: sempre referencie var(--od-*).

  Direção: "infra-spec-sheet" — uma página de pré-cadastro que parece uma
  página de produto técnico: tipografia editorial, regras finas, hierarquia
  feita com escala e não com caixas, e uma paleta escura que sai do cinza
  genérico de SaaS usando ciano técnico como tinta de marca + âmbar quente
  como segundo acento de status/destaque.
*/

:root {
  color-scheme: dark;

  /* ---------- Marca ---------- */
  --od-brand-primary: #2fd8c0;          /* ciano técnico — tinta de marca */
  --od-brand-primary-on-dark: #57e6d1;  /* mesmo ciano, mais claro para texto */
  --od-brand-ink: #02110d;              /* tinta para texto sobre ciano */
  --od-brand-amber: #f0a93c;            /* segundo acento — status/destaque */

  /* ---------- Texto ---------- */
  --od-fg-1: #eef1f6;                   /* texto principal */
  --od-fg-2: #a9b3c4;                   /* texto secundário */
  --od-fg-3: #6f7a8c;                   /* legenda/meta */

  /* ---------- Superfícies ---------- */
  --od-surface: #05070a;                /* fundo base (mais preto) */
  --od-surface-1: #0a0d13;              /* fundo 1 — bandas */
  --od-surface-2: #0f131b;              /* fundo 2 — cartões suaves */
  --od-surface-3: #141a26;              /* fundo 3 — hover/elevado */

  /* Faixa quente — uma única banda por página (warmup), lembra folha de aviso */
  --od-surface-warm: #181015;

  /* ---------- Bordas ---------- */
  --od-border-soft: #1c2330;            /* hairline */
  --od-border-strong: #2d3549;          /* borda visível */
  --od-border-accent: #2fd8c0;         /* regra de destaque (em ciano) */

  /* ---------- Status ---------- */
  --od-ok: #35c98f;
  --od-ok-bg: #0e2420;
  --od-warn: #f0a93c;
  --od-warn-bg: #241c0c;
  --od-danger: #ff6f6f;
  --od-danger-bg: #2a1414;
  --od-info: #5aa2ff;
  --od-info-bg: #10192b;

  /* ---------- Tipografia ---------- */
  --od-font-display: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --od-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --od-font-mono: ui-monospace, 'SF Mono', 'JetBrains Mono', 'Fira Code', Menlo, Consolas, monospace;

  /* Escala tipográfica — mais agressiva, display editorial */
  --od-step--1: 12px;                   /* tag / legenda */
  --od-step-0: 14px;                    /* meta */
  --od-step-1: 16px;                    /* corpo */
  --od-step-2: 20px;                    /* corpo destacado / subtítulo */
  --od-step-3: 28px;                    /* h3 */
  --od-step-4: 40px;                    /* h2 */
  --od-step-5: 64px;                    /* display médio */
  --od-step-6: 88px;                    /* display grande — h1 */

  /* Espaçamento (passos próprios, não compartilhados com a tipografia) */
  --od-space-2xs: 4px;
  --od-space-xs: 8px;
  --od-space-sm: 12px;
  --od-space-md: 20px;
  --od-space-lg: 32px;
  --od-space-xl: 56px;
  --od-space-2xl: 96px;
  --od-space-3xl: 144px;

  /* ---------- Raio ---------- */
  --od-radius-xs: 4px;                  /* chips / inputs */
  --od-radius-sm: 8px;                  /* botões / campos */
  --od-radius-md: 14px;                 /* cartões suaves */
  --od-radius-lg: 24px;                 /* painéis grandes */

  /* ---------- Sombra ---------- */
  --od-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --od-shadow-2: 0 24px 64px rgba(0, 0, 0, 0.55);

  /* ---------- Brilho de ciano — usado em hairline de destaque / focus ---------- */
  --od-glow-primary: 0 0 0 1px color-mix(in srgb, var(--od-brand-primary) 35%, transparent),
                     0 0 24px -4px color-mix(in srgb, var(--od-brand-primary) 30%, transparent);

  /* ---------- Movimento ---------- */
  --od-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --od-duration-fast: 160ms;
  --od-duration-med: 320ms;

  /* ---------- Layout ---------- */
  --od-content-max: 1200px;             /* um pouco mais largo que antes */
  --od-rule: 1px;                       /* espessura padrão de hairline */
}