/* =====================================================================
   Codurance — tokens canônicos (fonte única)
   Hub: d:\Projetos\Claude.ai\Design\brand\tokens.css
   Origem dos valores: Codurance_Brandguidelines_V1.pdf (paleta, tipografia,
   gradientes) + codurance-lp.css (Staff-Aug) + brand-standards.md (SQA).

   Estrutura em 3 camadas:
     1. --cod-*     paleta OFICIAL (brand guidelines). Use em toda peça
                    corporativa/comercial: colateral, decks, LPs, posts.
     2. Aliases     nomes usados pelos collateral-designers e pelas LPs
                    Staff-Aug (--woodsmoke, --java, --persimmon...).
                    Apontam para a camada 1. Mantidos por compatibilidade.
     3. --c-* / --bg-* / --grade-*  extensão do PRODUTO SQA (dark theme,
                    grades A–F, cores de suporte que não estão no guidelines).
                    Use só em UI/dashboards/relatórios do produto SQA.
   Regra: nunca redefina um valor por página. Divergência é bug.
   ===================================================================== */

/* ---------- Tipografia: Proxima Nova (brand/fonts) ---------- */
@font-face{font-family:"Proxima Nova";font-weight:300;font-style:normal;font-display:swap;src:url("fonts/ProximaNova-Light.ttf") format("truetype")}
@font-face{font-family:"Proxima Nova";font-weight:300;font-style:italic;font-display:swap;src:url("fonts/ProximaNova-LightItalic.ttf") format("truetype")}
@font-face{font-family:"Proxima Nova";font-weight:400;font-style:normal;font-display:swap;src:url("fonts/ProximaNova-Regular.ttf") format("truetype")}
@font-face{font-family:"Proxima Nova";font-weight:400;font-style:italic;font-display:swap;src:url("fonts/ProximaNova-Italic.ttf") format("truetype")}
@font-face{font-family:"Proxima Nova";font-weight:700;font-style:normal;font-display:swap;src:url("fonts/ProximaNova-Bold.ttf") format("truetype")}
@font-face{font-family:"Proxima Nova";font-weight:700;font-style:italic;font-display:swap;src:url("fonts/ProximaNova-BoldItalic.ttf") format("truetype")}
/* TODO: Semibold (600) e Extrabold (800) não existem em brand/fonts — o browser sintetiza a partir de Bold/Regular. Obter os .ttf/.woff2 oficiais. */

:root{
  /* ================= 1. PALETA OFICIAL (--cod-*) ================= */
  /* Marca */
  --cod-crimson:#D60D47;
  --cod-tango:#EF7726;
  --cod-gold:#FFD000;
  /* Suporte */
  --cod-slate:#1D233C;
  --cod-persimmon:#FF5851;        /* SÓ botões e CTAs (regra do guidelines) */
  --cod-persimmon-dark:#FF4F33;
  --cod-purple-navy:#4A5790;
  --cod-java:#1CD8B4;
  /* Estendida (usar com moderação — service lines / técnico) */
  --cod-picton-blue:#269EEF;
  --cod-dodge-blue:#5851FF;
  /* Monocromática */
  --cod-woodsmoke:#0C0C0D;
  --cod-shark:#313135;
  --cod-mid-grey:#62626A;
  --cod-french-grey:#BDBDC2;
  --cod-athens-gray:#F2F2F3;
  --cod-white:#FFFFFF;
  /* Derivados AA (não estão no guidelines; validados nas LPs) */
  --cod-java-ink:#0E8E76;         /* java legível em fundo claro */
  --cod-purple-sky:#848FBF;       /* tint de purple-navy para fundo dark */

  /* Gradientes oficiais */
  --cod-grad-dark:linear-gradient(160deg,#0C0C0D 0%,#1D233C 100%);      /* background dark: woodsmoke → slate */
  --cod-grad-b2b:linear-gradient(135deg,#EF7726 0%,#D60D47 100%);       /* B2B: tango → crimson */
  --cod-grad-b2d:linear-gradient(135deg,#FFD000 0%,#EF7726 100%);       /* B2D: gold → tango */
  --cod-grad-intermediate:linear-gradient(135deg,#FFD000 0%,#EF7726 55%,#D60D47 100%);

  /* Tipografia */
  --cod-font:"Proxima Nova","Helvetica Neue",Arial,sans-serif;
  --cod-tracking-label:0.14em;    /* labels: Semibold, caixa alta, tracking leve — não há mono de marca */

  /* Espaçamento (múltiplos de 8; 4 só para micro-ajuste) */
  --cod-space-1:4px;  --cod-space-2:8px;  --cod-space-3:16px; --cod-space-4:24px;
  --cod-space-5:32px; --cod-space-6:48px; --cod-space-7:64px; --cod-space-8:96px;
  --cod-radius-sm:4px; --cod-radius-md:8px; --cod-radius-lg:12px; --cod-radius-pill:9999px;

  /* ================= 2. ALIASES (Staff-Aug / collateral-designers) ================= */
  --woodsmoke:var(--cod-woodsmoke);
  --woodsmoke-2:#101014;                 /* miolo do hexágono outlined na capa */
  --slate:var(--cod-slate);
  --purple-navy:var(--cod-purple-navy);
  --purple-sky:var(--cod-purple-sky);
  --java:var(--cod-java);
  --java-ink:var(--cod-java-ink);
  --persimmon:var(--cod-persimmon);
  --gold:var(--cod-gold);
  --tango:var(--cod-tango);
  --crimson:var(--cod-crimson);
  --white:var(--cod-white);
  --off-white:#F7F9FC;
  --soft-grey:#F1F4F8;
  --border-light:#E1E6ED;
  --border-dashed:#C6CFDC;
  --secondary-dark:#6B778C;
  --secondary-light:#A8B3C7;
  --text-muted:#5A6577;                  /* corpo AA em fundo claro */
  --on-dark-line:rgba(255,255,255,0.14);
  --on-dark-line-soft:rgba(255,255,255,0.08);
  --on-dark-muted:rgba(255,255,255,0.66);
  --dark-card-bg:rgba(74,87,144,0.16);
  --dark-card-border:rgba(132,143,191,0.22);

  /* ================= 3. EXTENSÃO PRODUTO SQA ================= */
  /* Marca (mesmos valores oficiais) */
  --c-orange:var(--cod-tango);
  --c-crimson:var(--cod-crimson);
  --c-gold:var(--cod-gold);
  /* Suporte do produto — NÃO estão no brand guidelines. Só em UI/dashboards SQA. */
  --c-purple:#8A5CF6;
  --c-blue:#3BA4FF;
  --c-teal:#28D4C3;                      /* canônico SQA; nunca #38D6E0 */
  --c-green:#2ED47A;
  --c-amber:#F5A623;
  /* Fundos dark do produto */
  --bg-900:#0B0F1A; --bg-800:#101827; --bg-700:#16243A; --bg-ink:var(--cod-woodsmoke);
  /* Fundos claros */
  --bg-white:#FFFFFF; --bg-50:#F7F9FC; --bg-100:#F1F4F8; --bg-200:#E8EDF3;
  /* Bordas */
  --border:rgba(120,150,200,.14); --border-strong:rgba(120,150,200,.28);
  --border-soft:#D0D7E2; --border-glass:rgba(255,255,255,.10);
  /* Texto (dark theme) */
  --text-1:#FFFFFF; --text-body:#E8EDF3; --text-2:#A8B3C7; --text-faint:#6B778C;
  /* Graus A–F (dentro da paleta — não inventar) */
  --grade-a:var(--c-green); --grade-b:var(--c-green); --grade-c:var(--c-amber);
  --grade-d:var(--c-crimson); --grade-f:#B00038;
  /* Tipografia SQA: Proxima Nova, escala 1.250, base 19px (html{font-size:19px}) */
  --font:var(--cod-font);
  --text-habib:3.052rem; --text-gaudi:2.441rem; --text-eames:1.953rem;
  --text-dudler:1.563rem; --text-freed:1.25rem; --text-base:1rem; --text-natus:0.8rem;
  --t5:0.64rem;
  --lh-tight:1.2; --lh-base:1.3; --lh-loose:1.5;
  --surface:var(--bg-800);
}

:root[data-theme="dark"]{
  --canvas:radial-gradient(1200px 600px at 80% -10%,rgba(239,119,38,.12),transparent 60%),
           radial-gradient(900px 500px at -10% 110%,rgba(214,13,71,.14),transparent 55%),
           linear-gradient(160deg,var(--bg-900),var(--bg-800) 60%,var(--bg-700));
}