/* Orça Filme · tokens do sistema visual (proposta v3)
   Fonte: Inter (Inter 4, opsz variável), SIL OFL 1.1 — github.com/rsms/inter. Arquivo em ./fonts. */

:root {
  /* Marca (originais) */
  --of-petroleo: #0E6F78;
  --of-escuro: #0D1B22;
  --of-lima: #C5F25A;
  --of-branco: #FFFFFF;

  /* Extensões (proposta) */
  --of-petroleo-700: #0A5A62;   /* texto/link em fundo claro: 7,9:1 */
  --of-petroleo-300: #5FC0C8;   /* petróleo em fundo escuro: 8,2:1 */
  --of-petroleo-050: #E3F1F2;
  --of-lima-600: #A9D93A;       /* hover do botão lima */
  --of-escuro-800: #16262E;
  --of-escuro-700: #24414D;
  --of-papel: #F6F4EF;          /* área de trabalho: papel de recibo */
  --of-papel-2: #EEEBE3;

  /* Papéis (tema claro = área de trabalho) */
  --bg: var(--of-papel);
  --surface: #FFFFFF;
  --surface-2: #FBFAF7;
  --surface-glass: rgba(255, 255, 255, .72);
  --ink: var(--of-escuro);       /* 16,0:1 sobre papel */
  --ink-2: #4A5A61;              /* 6,6:1 sobre papel */
  --ink-3: #66767D;              /* só ≥ 18px ou ícones; 4,3:1 sobre papel */
  --line: #DCDFDD;
  --line-strong: #B9C1C2;
  --accent: var(--of-petroleo);
  --accent-ink: var(--of-petroleo-700);
  --action: var(--of-escuro);    /* botão primário na área clara */
  --action-ink: #FFFFFF;
  --focus: #0E6F78;

  --erro: #B3261E;      --erro-bg: #FCEDEB;
  --aviso: #8A5A00;     --aviso-bg: #FFF4DB;
  --ok: #1E6B3A;        --ok-bg: #E7F4EC;

  /* Tipografia */
  --font: "Inter OF", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --t-display: 600 clamp(2.5rem, 6vw, 4.75rem)/1.02 var(--font);
  --t-title-1: 650 clamp(1.75rem, 3.2vw, 2.25rem)/1.12 var(--font);
  --t-title-2: 650 1.375rem/1.2 var(--font);
  --t-title-3: 600 1.0625rem/1.3 var(--font);
  --t-body: 400 1rem/1.55 var(--font);
  --t-callout: 400 .9375rem/1.45 var(--font);
  --t-label: 550 .875rem/1.3 var(--font);
  --t-caption: 500 .8125rem/1.35 var(--font);
  --t-overline: 600 .75rem/1.2 var(--font);

  /* Espaço (grade de 4) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px;
  --s-8: 32px; --s-10: 40px; --s-12: 48px; --s-16: 64px; --s-24: 96px;

  /* Raios: derivados do raio do símbolo (6/40 da largura) */
  --r-xs: 6px; --r-sm: 10px; --r-md: 14px; --r-lg: 20px; --r-xl: 28px; --r-pill: 999px;

  /* Sombras e materiais */
  --sh-1: 0 1px 2px rgba(13, 27, 34, .06), 0 1px 1px rgba(13, 27, 34, .04);
  --sh-2: 0 2px 6px rgba(13, 27, 34, .06), 0 8px 24px rgba(13, 27, 34, .06);
  --sh-3: 0 12px 40px rgba(13, 27, 34, .14), 0 2px 8px rgba(13, 27, 34, .08);
  --blur: saturate(180%) blur(20px);

  /* Movimento */
  --ease: cubic-bezier(.2, .8, .2, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --d-1: 120ms; --d-2: 200ms; --d-3: 320ms; --d-4: 520ms;

  --maxw: 1180px;
  --tap: 44px;
}

@media (prefers-reduced-motion: reduce) {
  :root { --d-1: 0ms; --d-2: 0ms; --d-3: 0ms; --d-4: 0ms; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}