/* tokens.css — paleta e tipografia DnA (ver ccos-ratos/marca/design-guide.md).
   Identidade da própria DnA, não do cliente selecionado — o app inteiro usa
   uma paleta fixa; a cor do cliente vira só um "dot" no seletor (theming.js). */

@font-face {
  font-family: 'Helvetica';
  src: url('../assets/fonts/Helvetica-Light.ttf') format('truetype');
  font-weight: 300;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../assets/fonts/Helvetica.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../assets/fonts/Helvetica-Bold.ttf') format('truetype');
  font-weight: 700;
}

:root {
  /* escuro — default, pedido explícito do usuário */
  --ink:      #0a0a0a;
  --paper:    #f4f5f7;
  --blue:     #1a6bff;
  --blue-mid: #2e7fff;
  --blue-soft: #7fabff;  /* 3ª linha em gráficos de 3 séries (Meta Ads misto, Google Ads) — mesma família do azul, não um matiz novo */
  --muted:    #6b7280;
  --border:   #1c1e24;
  --card-bg:  #131519;
  --red:      #e63232;
  --green:    #57c40d;

  --radius-sm: 2px;
  --radius-md: 4px;
  --font: 'Helvetica', 'Helvetica Neue', Arial, sans-serif;

  /* liquid glass — KPI cards, gráficos e tabelas (pedido explícito do
     usuário, diferente do "estilo mais quadrado" do resto do guia DnA:
     essas superfícies ganham realce/profundidade própria) */
  --radius-glass: 22px;
  --glass-bg: rgba(255, 255, 255, 0.055);
  --glass-bg-hover: rgba(255, 255, 255, 0.085);
  --glass-border: rgba(255, 255, 255, 0.14);
  --glass-highlight: rgba(255, 255, 255, 0.18);
  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);

  /* cores fixas por plataforma — não mudam entre claro/escuro nem por cliente */
  --ig:       #C13584;
  --fb:       #1877F2;
  --meta:     #0082FB;
  --ga4:      #E8710A;
  --gmb:      #34A853;
  --gads:     #4285F4;
  --linkedin: #0A66C2;
  --rd:       #02DAFF;
}

[data-theme="light"] {
  --ink:      #FFFFFF;
  --paper:    #0a0a0a;
  --blue:     #1a6bff;
  --blue-mid: #2e7fff;
  --blue-soft: #5c8fe8;
  --muted:    #6b7280;
  --border:   #E4E6EB;
  --card-bg:  #F4F5F7;
  --red:      #e63232;
  --green:    #57c40d;

  --glass-bg: rgba(255, 255, 255, 0.55);
  --glass-bg-hover: rgba(255, 255, 255, 0.72);
  --glass-border: rgba(10, 10, 10, 0.08);
  --glass-highlight: rgba(255, 255, 255, 0.85);
  --glass-shadow: 0 8px 32px rgba(20, 20, 40, 0.12);
}