/* ==========================================================================
   A MARCA DA CASA NA WEB — GERADO, NÃO EDITE
   ==========================================================================
   Gerado por scripts/gerar-tokens-web.mjs a partir de ../tokens.css.
   Mudou a marca? Mude o tokens.css e rode o gerador. O confere-kit.mjs
   (regra 7) reprova quando este arquivo fica para trás.

   Só canais e medidas, com nomes que o shadcn e o Tailwind não usam. O PAPEL
   (fundo, texto, acento) é do tema-shadcn.css: a página pede o papel, nunca
   a cor.
   ========================================================================== */

:root {
  /* A paleta, em canais RGB (rgb(var(--c-x)) e rgba(var(--c-x), .5)) */
  --c-light: 255,255,255;
  --c-support-2: 245,245,247;
  --c-rare: 54,54,54;
  --c-ink: 0,0,0;
  --c-muted: 110,110,115;
  --c-border: 210,210,215;
  --c-surface: 245,245,247;
  --c-surface-2: 232,232,237;
  --c-muted-on-dark: 161,161,166;
  --c-erro: 215,0,21;
  --c-acao: 0,113,227;
  --c-link: 0,102,204;
  --c-link-escuro: 41,151,255;
  --c-veil: var(--c-ink);
  --c-grafite-1: 38,38,42;
  --c-grafite-2: 14,14,16;
  --c-grafite-3: 6,6,7;
  --c-faixa-1: 44,44,47;
  --c-faixa-2: 17,17,19;
  --c-ios-vermelho: 255,56,60;
  --c-ios-vermelho-escuro: 255,66,69;
  --c-ios-vermelho-contraste: 233,21,45;
  --c-ios-vermelho-contraste-escuro: 255,97,101;
  --c-ios-laranja: 255,141,40;
  --c-ios-laranja-escuro: 255,146,48;
  --c-ios-laranja-contraste: 197,83,0;
  --c-ios-laranja-contraste-escuro: 255,160,86;
  --c-ios-amarelo: 255,204,0;
  --c-ios-amarelo-escuro: 255,214,0;
  --c-ios-amarelo-contraste: 161,106,0;
  --c-ios-amarelo-contraste-escuro: 254,223,67;
  --c-ios-verde: 52,199,89;
  --c-ios-verde-escuro: 48,209,88;
  --c-ios-verde-contraste: 0,137,50;
  --c-ios-verde-contraste-escuro: 74,217,104;
  --c-ios-menta: 0,200,179;
  --c-ios-menta-escuro: 0,218,195;
  --c-ios-menta-contraste: 0,133,117;
  --c-ios-menta-contraste-escuro: 84,223,203;
  --c-ios-turquesa: 0,195,208;
  --c-ios-turquesa-escuro: 0,210,224;
  --c-ios-turquesa-contraste: 0,129,152;
  --c-ios-turquesa-contraste-escuro: 59,221,236;
  --c-ios-ciano: 0,192,232;
  --c-ios-ciano-escuro: 60,211,254;
  --c-ios-ciano-contraste: 0,126,174;
  --c-ios-ciano-contraste-escuro: 109,217,255;
  --c-ios-azul: 0,136,255;
  --c-ios-azul-escuro: 0,145,255;
  --c-ios-azul-contraste: 30,110,244;
  --c-ios-azul-contraste-escuro: 92,184,255;
  --c-ios-anil: 97,85,245;
  --c-ios-anil-escuro: 109,124,255;
  --c-ios-anil-contraste: 86,74,222;
  --c-ios-anil-contraste-escuro: 167,170,255;
  --c-ios-roxo: 203,48,224;
  --c-ios-roxo-escuro: 219,52,242;
  --c-ios-roxo-contraste: 176,47,194;
  --c-ios-roxo-contraste-escuro: 234,141,255;
  --c-ios-rosa: 255,45,85;
  --c-ios-rosa-escuro: 255,55,95;
  --c-ios-rosa-contraste: 231,18,77;
  --c-ios-rosa-contraste-escuro: 255,138,196;
  --c-ios-marrom: 172,127,94;
  --c-ios-marrom-escuro: 183,138,102;
  --c-ios-marrom-contraste: 149,109,81;
  --c-ios-marrom-contraste-escuro: 219,166,121;
  --c-ios-cinza: 142,142,147;
  --c-ios-cinza-escuro: 142,142,147;
  --c-ios-cinza-2: 174,174,178;
  --c-ios-cinza-2-escuro: 99,99,102;
  --c-ios-cinza-3: 199,199,204;
  --c-ios-cinza-3-escuro: 72,72,74;
  --c-ios-cinza-4: 209,209,214;
  --c-ios-cinza-4-escuro: 58,58,60;
  --c-ios-cinza-5: 229,229,234;
  --c-ios-cinza-5-escuro: 44,44,46;
  --c-ios-cinza-6: 242,242,247;
  --c-ios-cinza-6-escuro: 28,28,30;

  /* As famílias e os pesos */
  --f-display: 'Inter 4', 'Inter 4 substituta', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --f-rotulo: 'Inter 4', 'Inter 4 substituta', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --f-codigo: 'JetBrains Mono', Consolas, monospace;
  --w-display-bold: 700;
  --w-display-med: 400;
  --w-display-semi: 700;
  --w-rotulo: 700;
  --f-ios: 'Inter 4', 'Inter 4 substituta', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --w-anota: 600;

  /* Texto e linha sobre o escuro e sobre o claro */
  --on-dark: rgb(var(--c-light));
  --on-dark-90: rgba(var(--c-light),.90);
  --on-dark-82: rgba(var(--c-light),.82);
  --on-dark-74: rgba(var(--c-light),.74);
  --on-dark-60: rgba(var(--c-light),.60);
  --on-dark-55: rgba(var(--c-light),.55);
  --on-dark-50: rgba(var(--c-light),.50);
  --on-light: rgb(var(--c-ink));
  --on-light-82: rgba(var(--c-ink),.82);
  --on-light-72: rgba(var(--c-ink),.72);
  --on-light-66: rgba(var(--c-ink),.66);
  --on-light-50: rgba(var(--c-ink),.50);
  --on-light-45: rgba(var(--c-ink),.45);
  --line-dark: rgba(var(--c-light),.13);
  --line-dark-soft: rgba(var(--c-light),.09);
  --line-dark-strong: rgba(var(--c-light),.17);
  --line-light: rgba(var(--c-ink),.13);
  --line-light-soft: rgba(var(--c-ink),.10);
  --line-light-strong: rgba(var(--c-ink),.15);

  /* Sombra, só em objeto */
  --shadow-dark: 0 18px 40px rgba(var(--c-ink),.24);
  --shadow-light: 0 10px 30px rgba(var(--c-ink),.07);

  /* Os semáforos do Mac: sistema, não marca */
  --mac-r: #ff5f57;
  --mac-y: #febc2e;
  --mac-g: #28c840;

  /* Os três raios */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;

  /* O espaço, em rem (o kit escreve em px, sobre o quadro de 1080) */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 2.75rem;
  --sp-8: 4rem;

  /* O tempo do movimento (16-movimento.md) */
  --ease-brand: cubic-bezier(0.2, 0.65, 0.2, 1);
  --dur-in: 0.6s;
  --dur-click: 0.2s;
  --dur-hover: 0.35s;
  --stagger: 0.07s;

  /* A página na web: o cartão de cena, a faixa escura, a aresta, a sombra e o vidro (21-web.md) */
  --web-cartao-cena: radial-gradient(120% 90% at 0% 0%, rgb(var(--c-grafite-1)) 0%, rgb(var(--c-grafite-2)) 60%, rgb(var(--c-grafite-3)) 100%);
  --web-faixa-escura: radial-gradient(120% 90% at 50% 0%, rgb(var(--c-faixa-1)) 0%, rgb(var(--c-faixa-2)) 45%, rgb(var(--c-ink)) 100%);
  --web-aresta: linear-gradient(140deg, rgba(var(--c-light),.42) 0%, rgba(var(--c-light),.1) 18%, rgba(var(--c-light),.03) 46%, rgba(var(--c-light),.03) 70%, rgba(var(--c-light),.16) 100%);
  --web-aresta-topo: inset 0 1px 0 rgba(var(--c-light),.1);
  --web-sombra-objeto: 0 0 0 1px rgba(var(--c-ink),.04), 0 1px 1px rgba(var(--c-ink),.04), 0 10px 24px -8px rgba(var(--c-ink),.12), 0 32px 64px -24px rgba(var(--c-ink),.14);
  --web-sombra-icone: 0 0 0 .5px rgba(var(--c-light),.18), 0 10px 24px rgba(var(--c-ink),.45);
  --web-vidro-desfoque: blur(20px) saturate(180%);
  --web-vidro-claro: rgba(var(--c-light),.72);
  --web-vidro-escuro: rgba(29,29,31,.6);
  --web-vidro-borda: inset 0 1px 0 rgba(var(--c-light),.95), inset 0 0 0 1px rgba(var(--c-light),.55), inset 0 -1px 0 rgba(var(--c-light),.25);
  --web-vidro-sombra: 0 0 0 1px rgba(var(--c-ink),.06), 0 10px 30px -12px rgba(var(--c-ink),.24);
}