/* GERADO por scripts/marca/gerar.mjs a partir de identidade/marca.tokens.json: não edite
   A marca na web: os papéis de interface (scripts/marca/derivar.mjs) e o
   tema do shadcn em variáveis. O /novo-projeto gera o projeto na mesma regra;
   a /design-de-produto e o relatório do /seo-geo-aeo leem daqui. */

@import url("https://fonts.googleapis.com/css2?family=Geist:wght@300..600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Geist+Mono:wght@300..500&display=swap");

:root {
  /* os papéis da marca */
  --cor-principal: #000000;
  --cor-claro: #ffffff;
  --cor-acento: #298dff;
  --cor-apoio: #6c7584;
  --cor-lavado: #f4f5f7;
  --cor-raro: #ff6c3d;
  --cor-abismo: #00060f;
  --cor-ok: #067647;
  --cor-superficie: #f4f5f7;
  --cor-borda: #e0e2e6;
  --cor-texto: #000000;
  --cor-texto-suave: #4b515b;
  --cor-erro: #d92d20;
  --cor-aviso: #b54708;
  --cor-sucesso: #067647;

  /* os papéis no tema claro da interface (cor.papel-claro) */
  --cor-tema-claro-principal: #000000;
  --cor-tema-claro-claro: #ffffff;
  --cor-tema-claro-acento: #298dff;
  --cor-tema-claro-apoio: #4b515b;
  --cor-tema-claro-lavado: #f4f5f7;
  --cor-tema-claro-raro: #b54708;
  --cor-tema-claro-abismo: #00060f;
  --cor-tema-claro-ok: #067647;
  --cor-tema-claro-superficie: #f4f5f7;
  --cor-tema-claro-borda: #c2c6cd;
  --cor-tema-claro-texto: #000000;
  --cor-tema-claro-texto-suave: #4b515b;
  --cor-tema-claro-erro: #d92d20;
  --cor-tema-claro-aviso: #b54708;
  --cor-tema-claro-sucesso: #067647;

  /* as primitivas, pelo nome (as rampas e as cores que nenhum papel usa) */
  --prim-principal: #000000;
  --prim-claro: #ffffff;
  --prim-acento: #298dff;
  --prim-apoio: #6c7584;
  --prim-lavado: #f4f5f7;
  --prim-raro: #ff6c3d;
  --prim-abismo: #00060f;
  --prim-ok: #067647;
  --prim-azul-900: #00060f;
  --prim-azul-800: #001129;
  --prim-azul-700: #002e6a;
  --prim-azul-600: #1759c4;
  --prim-azul-500: #298dff;
  --prim-azul-400: #5ca9ff;
  --prim-azul-300: #8fcbff;
  --prim-azul-200: #bce2ff;
  --prim-azul-100: #ddf2ff;
  --prim-azul-50: #f2faff;
  --prim-cinza-900: #131518;
  --prim-cinza-800: #222529;
  --prim-cinza-700: #343940;
  --prim-cinza-600: #4b515b;
  --prim-cinza-500: #6c7584;
  --prim-cinza-400: #89919f;
  --prim-cinza-300: #a1a7b2;
  --prim-cinza-200: #c2c6cd;
  --prim-cinza-100: #e0e2e6;
  --prim-cinza-50: #f4f5f7;
  --prim-erro: #d92d20;
  --prim-aviso: #b54708;
  --prim-degrade-gelo: #c3c8d0;
  --prim-degrade-aco: #6c788c;
  --prim-degrade-grafite: #121315;
  --prim-degrade-preto: #000103;

  /* os papéis de interface, em canais */
  --c-primaria: 0, 0, 0;
  --c-fundo: 255, 255, 255;
  --c-texto: 0, 0, 0;
  --c-primaria-texto: 255, 255, 255;
  --c-superficie: 244, 245, 247;
  --c-superficie-2: 237, 237, 237;
  --c-borda: 224, 226, 230;
  --c-apagado: 75, 81, 91;
  --c-erro: 217, 45, 32;
  --c-aviso: 181, 71, 8;
  --c-sucesso: 6, 118, 71;
  --c-fundo-escuro: 0, 0, 0;
  --c-texto-escuro: 255, 255, 255;
  --c-apagado-escuro: 140, 140, 140;
  --c-primaria-escuro: 128, 128, 128;
  --c-erro-escuro: 244, 138, 136;
  --c-primaria-escuro-texto: 255, 255, 255;
  --c-acento: 32, 110, 199;
  --c-acento-texto: 255, 255, 255;
  --c-acento-escuro: 41, 141, 255;
  --c-acento-escuro-texto: 0, 0, 0;

  --f-display: Geist, Arial, sans-serif;
  --f-destaque: Geist, Arial, sans-serif;
  --f-mono: 'Geist Mono', Consolas, monospace;
  --peso-forte: 400;
  --peso-medio: 400;
  --peso-mono: 400;

  --r-sm: 0px;
  --r-md: 0px;
  --r-lg: 0px;
  --r-cartao: 0px;
  --r-botao: 0px;
  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 12px;
  --espaco-4: 16px;
  --espaco-5: 24px;
  --espaco-6: 32px;
  --espaco-7: 48px;
  --espaco-8: 64px;
  --sombra-clara: 0px 0px 0px 0px rgba(0,0,0,0);
  --sombra-escura: 0px 0px 0px 0px rgba(0,0,0,0);

  --ease-marca: cubic-bezier(0.4, 0, 0.05, 1);
  --ease-entrada: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-saida: cubic-bezier(0.645, 0.045, 0.355, 1);
  --dur-rapida: 0.2s;
  --dur-media: 0.3s;
  --dur-lenta: 0.58s;
  --cascata: 0.1s;
  --ease-hover: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-troca: cubic-bezier(0.51, 0, 0.08, 1);
  --ease-menu: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --dur-micro: 0.15s;
  --dur-texto: 0.4s;
  --dur-entrada: 0.8s;
  --dur-transicao: 1.1s;
  --dur-intro: 2s;
  --degrade-metal: linear-gradient(270deg, rgb(195,200,208) 0.44%, rgb(108,120,140) 15%, rgb(18,19,21) 40%, rgb(41,141,255) 65%, rgba(255,255,255,.4) 92%, rgba(255,255,255,0) 100%);
  --degrade-trilho: linear-gradient(180deg, rgba(18,19,21,.4) 0%, rgb(41,141,255) 35%, rgb(18,19,21) 60%, rgb(108,120,140) 83%, rgb(195,200,208) 100%);
  --degrade-subida: linear-gradient(0deg, rgb(0,1,3) 47%, rgb(41,141,255) 66%, rgb(255,255,255) 92%);
  --degrade-arco: radial-gradient(50% 50% at 50% 50%, rgb(0,46,106) 0%, rgb(41,141,255) 52%, rgb(118,171,232) 63%, rgb(195,200,208) 70%, rgb(126,173,229) 75%, rgb(41,141,255) 80%, rgb(41,141,255) 84%, rgb(0,46,106) 90%, rgb(0,1,2) 96%, rgb(0,0,0) 100%);
  --textura-grao-suave: 0.15;
  --textura-grao-media: 0.25;
  --textura-grao-forte: 1;
  --textura-grao-fps: 40;
  --textura-grao-densidade: 0.5;
  --textura-overlay-luz: 1;
  --textura-overlay-arco: 0.35;
  --textura-overlay-metal: 0.2;
}

/* o tema do shadcn, nos papéis acima (o mesmo do /novo-projeto) */
:root {
  --font-sans: var(--f-display);

  --background: rgb(var(--c-fundo));
  --foreground: rgb(var(--c-texto));
  --card: rgb(var(--c-superficie));
  --card-foreground: rgb(var(--c-texto));
  --popover: rgb(var(--c-fundo));
  --popover-foreground: rgb(var(--c-texto));
  --primary: rgb(var(--c-primaria));
  --primary-foreground: rgb(var(--c-primaria-texto));
  --secondary: rgb(var(--c-superficie));
  --secondary-foreground: rgb(var(--c-texto));
  --muted: rgb(var(--c-superficie));
  --muted-foreground: rgb(var(--c-apagado));
  --accent: rgb(var(--c-superficie-2));
  --accent-foreground: rgb(var(--c-texto));
  --destructive: rgb(var(--c-erro));
  --border: rgb(var(--c-borda));
  --input: rgb(var(--c-borda));
  --ring: rgb(var(--c-primaria));
  --chart-1: rgb(var(--c-primaria));
  --chart-2: rgb(var(--c-primaria-escuro));
  --chart-3: rgb(var(--c-apagado));
  --chart-4: rgb(var(--c-borda));
  --chart-5: rgb(var(--c-texto));
  --radius: var(--r-md);
  --sidebar: rgb(var(--c-superficie));
  --sidebar-foreground: rgb(var(--c-texto));
  --sidebar-primary: rgb(var(--c-primaria));
  --sidebar-primary-foreground: rgb(var(--c-primaria-texto));
  --sidebar-accent: rgb(var(--c-superficie-2));
  --sidebar-accent-foreground: rgb(var(--c-texto));
  --sidebar-border: rgb(var(--c-borda));
  --sidebar-ring: rgb(var(--c-primaria));

  /* O ACENTO, o papel que o shadcn não tem: a palavra, o link, o traço. O
     `--accent` do shadcn é outra coisa, o fundo do hover. Vem do acento da
     marca (a primária, quando a marca não tem acento). */
  --acento: rgb(var(--c-acento));
  --acento-fg: rgb(var(--c-acento-texto));
}

.dark {
  color-scheme: dark;

  --background: rgb(var(--c-fundo-escuro));
  --foreground: rgb(var(--c-texto-escuro));
  --card: rgba(var(--c-texto-escuro), 0.06);
  --card-foreground: rgb(var(--c-texto-escuro));
  --popover: rgb(var(--c-fundo-escuro));
  --popover-foreground: rgb(var(--c-texto-escuro));
  --primary: rgb(var(--c-primaria-escuro));
  --primary-foreground: rgb(var(--c-primaria-escuro-texto));
  --secondary: rgba(var(--c-texto-escuro), 0.1);
  --secondary-foreground: rgb(var(--c-texto-escuro));
  --muted: rgba(var(--c-texto-escuro), 0.06);
  --muted-foreground: rgb(var(--c-apagado-escuro));
  --accent: rgba(var(--c-texto-escuro), 0.1);
  --accent-foreground: rgb(var(--c-texto-escuro));
  --destructive: rgb(var(--c-erro-escuro));
  --border: rgba(var(--c-texto-escuro), 0.14);
  --input: rgba(var(--c-texto-escuro), 0.17);
  --ring: rgb(var(--c-primaria-escuro));
  --chart-1: rgb(var(--c-primaria-escuro));
  --chart-2: rgb(var(--c-primaria));
  --chart-3: rgb(var(--c-apagado-escuro));
  --chart-4: rgba(var(--c-texto-escuro), 0.3);
  --chart-5: rgb(var(--c-texto-escuro));
  --sidebar: rgba(var(--c-texto-escuro), 0.06);
  --sidebar-foreground: rgb(var(--c-texto-escuro));
  --sidebar-primary: rgb(var(--c-primaria-escuro));
  --sidebar-primary-foreground: rgb(var(--c-primaria-escuro-texto));
  --sidebar-accent: rgba(var(--c-texto-escuro), 0.1);
  --sidebar-accent-foreground: rgb(var(--c-texto-escuro));
  --sidebar-border: rgba(var(--c-texto-escuro), 0.14);
  --sidebar-ring: rgb(var(--c-primaria-escuro));

  --acento: rgb(var(--c-acento-escuro));
  --acento-fg: rgb(var(--c-acento-escuro-texto));
}