/* ==========================================================================
   Palomino Tech: tokens da marca, versão 2.0.0 (2026-10-19)
   GERADO por scripts/gerar-tokens.mjs a partir do tokens.json. Não edite aqui.

   Como usar (as duas linhas no <head>):
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=DM+Mono:wght@400;500&family=Archivo:wdth,wght@100..125,700..800&display=swap">
     <link rel="stylesheet" href="https://configs.palominotech.com.br/v2/palomino-tokens.css">

   Tema: claro é o padrão. Escuro só em painel de uso noturno, e sempre por aqui:
     <html data-theme="dark">  escuro sempre
     <html data-theme="auto">  segue o sistema do aparelho
   Vidro: no computador, cards e painel ficam translúcidos. Para funcionar, o elemento usa
     backdrop-filter: var(--pal-glass); -webkit-backdrop-filter: var(--pal-glass);
   e a página usa background: var(--pal-bg-gradient). No celular tudo fica sólido.
   Regras de uso de cada cor: DESIGN_SYSTEM.md no Cérebro.
   ========================================================================== */

:root {
  color-scheme: light;
  --pal-primary: #D2513F;
  --pal-primary-hover: #B9442F;
  --pal-primary-ink: #FFFFFF;
  --pal-primary-text: #A63D2C;
  --pal-primary-tint: #F8E9E5;
  --pal-primary-line: #EDC9C0;
  --pal-bg: #EDEDEC;
  --pal-bg-card: #FFFFFF;
  --pal-bg-panel: #FAFAF9;
  --pal-bg-subtle: #F1F1EF;
  --pal-border: #E4E4E1;
  --pal-text: #141414;
  --pal-text-muted: #5A5A57;
  --pal-text-faint: #6B6B67;
  --pal-rail: #141414;
  --pal-rail-ink: #F2F2F0;
  --pal-rail-dim: #8A8A86;
  --pal-rail-active: #2C2C2B;
  --pal-strong: #141414;
  --pal-strong-ink: #FFFFFF;
  --pal-success: #2F6B45;
  --pal-success-tint: #E7EFE9;
  --pal-warning: #7A5A1E;
  --pal-warning-tint: #F3EDDF;
  --pal-danger: #B42318;
  --pal-danger-tint: #FBEAE8;
  --pal-bg-gradient: radial-gradient(1100px 560px at 20% 0%, #FFFFFF 0%, #EDEDEC 50%, #DEDEDC 100%);
  --pal-border-card: #E4E4E1;
  --pal-glass: none;
  --pal-shadow-card: 0 1px 2px rgba(20, 20, 20, .04), 0 10px 28px -14px rgba(20, 20, 20, .16);
  --pal-shadow-raised: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 4px 12px -6px rgba(20, 20, 20, .18);
  --pal-shadow-float: 0 12px 30px -10px rgba(0, 0, 0, .4);
  --pal-font-ui: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --pal-font-display: 'Archivo', 'DM Sans', system-ui, sans-serif;
  --pal-font-display-stretch: 115%;
  --pal-font-mono: 'DM Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --pal-radius-sm: 8px;
  --pal-radius-control: 12px;
  --pal-radius-button: 9999px;
  --pal-radius: 20px;
  --pal-radius-lg: 24px;
  --pal-radius-pill: 9999px;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --pal-primary: #E5634F;
  --pal-primary-hover: #F07A68;
  --pal-primary-ink: #141414;
  --pal-primary-text: #FF8F7D;
  --pal-primary-tint: #2A1713;
  --pal-primary-line: #4A231C;
  --pal-bg: #0F0F0F;
  --pal-bg-card: #181818;
  --pal-bg-panel: #141414;
  --pal-bg-subtle: #202020;
  --pal-border: #2A2A2A;
  --pal-text: #F2F2F0;
  --pal-text-muted: #B4B4B0;
  --pal-text-faint: #8C8C88;
  --pal-rail: #000000;
  --pal-rail-ink: #F2F2F0;
  --pal-rail-dim: #7A7A76;
  --pal-rail-active: #222222;
  --pal-strong: #F2F2F0;
  --pal-strong-ink: #141414;
  --pal-success: #7FCB98;
  --pal-success-tint: #14261A;
  --pal-warning: #E9B864;
  --pal-warning-tint: #2A2213;
  --pal-danger: #FF8A7A;
  --pal-danger-tint: #2E1411;
  --pal-bg-gradient: radial-gradient(1100px 560px at 20% 0%, #1E1E1E 0%, #121212 55%, #0A0A0A 100%);
  --pal-border-card: #2A2A2A;
  --pal-glass: none;
  --pal-shadow-card: 0 1px 2px rgba(0, 0, 0, .5), 0 10px 28px -14px rgba(0, 0, 0, .8);
  --pal-shadow-raised: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 4px 12px -6px rgba(0, 0, 0, .7);
  --pal-shadow-float: 0 12px 30px -10px rgba(0, 0, 0, .8);
}

@media (prefers-color-scheme: dark) {
  :root[data-theme="auto"] {
    color-scheme: dark;
    --pal-primary: #E5634F;
    --pal-primary-hover: #F07A68;
    --pal-primary-ink: #141414;
    --pal-primary-text: #FF8F7D;
    --pal-primary-tint: #2A1713;
    --pal-primary-line: #4A231C;
    --pal-bg: #0F0F0F;
    --pal-bg-card: #181818;
    --pal-bg-panel: #141414;
    --pal-bg-subtle: #202020;
    --pal-border: #2A2A2A;
    --pal-text: #F2F2F0;
    --pal-text-muted: #B4B4B0;
    --pal-text-faint: #8C8C88;
    --pal-rail: #000000;
    --pal-rail-ink: #F2F2F0;
    --pal-rail-dim: #7A7A76;
    --pal-rail-active: #222222;
    --pal-strong: #F2F2F0;
    --pal-strong-ink: #141414;
    --pal-success: #7FCB98;
    --pal-success-tint: #14261A;
    --pal-warning: #E9B864;
    --pal-warning-tint: #2A2213;
    --pal-danger: #FF8A7A;
    --pal-danger-tint: #2E1411;
    --pal-bg-gradient: radial-gradient(1100px 560px at 20% 0%, #1E1E1E 0%, #121212 55%, #0A0A0A 100%);
    --pal-border-card: #2A2A2A;
    --pal-glass: none;
    --pal-shadow-card: 0 1px 2px rgba(0, 0, 0, .5), 0 10px 28px -14px rgba(0, 0, 0, .8);
    --pal-shadow-raised: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 4px 12px -6px rgba(0, 0, 0, .7);
    --pal-shadow-float: 0 12px 30px -10px rgba(0, 0, 0, .8);
  }
}

/* Vidro: só no computador e com suporte a backdrop-filter */
@media (min-width: 861px) {
  @supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    :root {
      --pal-bg-card: rgba(255, 255, 255, .82);
      --pal-bg-panel: rgba(255, 255, 255, .6);
      --pal-border-card: rgba(255, 255, 255, .8);
      --pal-bg-subtle: rgba(20, 20, 20, .05);
      --pal-glass: blur(16px) saturate(140%);
    }
    :root[data-theme="dark"] {
      --pal-bg-card: rgba(30, 30, 30, .72);
      --pal-bg-panel: rgba(24, 24, 24, .6);
      --pal-border-card: rgba(255, 255, 255, .08);
      --pal-bg-subtle: rgba(255, 255, 255, .06);
      --pal-glass: blur(16px) saturate(140%);
    }
  }
}
@media (min-width: 861px) and (prefers-color-scheme: dark) {
  @supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    :root[data-theme="auto"] {
      --pal-bg-card: rgba(30, 30, 30, .72);
      --pal-bg-panel: rgba(24, 24, 24, .6);
      --pal-border-card: rgba(255, 255, 255, .08);
      --pal-bg-subtle: rgba(255, 255, 255, .06);
      --pal-glass: blur(16px) saturate(140%);
    }
  }
}