/*
 * tokens-turbo.css · identidade de cores dos apps Turbo (StreamTurbo, CRM, central de login, Escritório).
 * Fonte: research/turbo-identidade/IDENTIDADE.md (gerado por script, contraste medido nos dois temas).
 *
 * Uso: <html> sem atributo segue o sistema; data-tema="claro" ou data-tema="escuro" força.
 * Cada cor vem em hexadecimal (--turbo-acao) e em canais RGB (--turbo-acao-rgb: 27 84 255),
 * este para Tailwind: rgb(var(--turbo-acao-rgb) / <alpha-value>).
 */

/* Marca: iguais nos dois temas (as quatro cores do símbolo e a rampa do logo). */
:root {
  --turbo-azul: #1B54FF;
  --turbo-azul-escuro: #1442D6;
  --turbo-mint: #00DF97;
  --turbo-ciano: #00D3FF;
  --turbo-roxo: #893DD6;
  /* rampa canônica do logo: só filete, nunca fundo */
  --turbo-rampa: linear-gradient(90deg, #00E098 0%, #1B54FF 50%, #8A3DD7 75%, #00D4FF 100%);
}

/* Claro (padrão) */
:root,
[data-tema="claro"] {
  color-scheme: light;
  --turbo-fundo: #F4F6FB;  --turbo-fundo-rgb: 244 246 251;
  --turbo-superficie: #FFFFFF;  --turbo-superficie-rgb: 255 255 255;
  --turbo-superficie-alta: #ECECEA;  --turbo-superficie-alta-rgb: 236 236 234;
  --turbo-borda: #E3E6EE;  --turbo-borda-rgb: 227 230 238;
  --turbo-borda-forte: #D9DEE9;  --turbo-borda-forte-rgb: 217 222 233;
  --turbo-texto: #0A0B0F;  --turbo-texto-rgb: 10 11 15;
  --turbo-texto-suave: #4A5265;  --turbo-texto-suave-rgb: 74 82 101;
  --turbo-texto-fraco: #5C6478;  --turbo-texto-fraco-rgb: 92 100 120;
  --turbo-acao: #1B54FF;  --turbo-acao-rgb: 27 84 255;
  --turbo-acao-texto: #FFFFFF;  --turbo-acao-texto-rgb: 255 255 255;
  --turbo-alerta: #9E5400;  --turbo-alerta-rgb: 158 84 0;
  --turbo-urgente: #C2372F;  --turbo-urgente-rgb: 194 55 47;
  --turbo-ok: #127A4A;  --turbo-ok-rgb: 18 122 74;
  --turbo-ia: #893DD6;  --turbo-ia-rgb: 137 61 214;
  --turbo-chat-fundo: #EAEEF6;  --turbo-chat-fundo-rgb: 234 238 246;
  --turbo-bolha-enviada: #DCE6FF;  --turbo-bolha-enviada-rgb: 220 230 255;
  --turbo-bolha-recebida: #FFFFFF;  --turbo-bolha-recebida-rgb: 255 255 255;
  --turbo-bolha-texto: #0A0B0F;  --turbo-bolha-texto-rgb: 10 11 15;
  --turbo-lido: #1B54FF;  --turbo-lido-rgb: 27 84 255;
  --turbo-alerta-fundo: #F3EAE0;  --turbo-alerta-fundo-rgb: 243 234 224;
  --turbo-urgente-fundo: #F8E7E6;  --turbo-urgente-fundo-rgb: 248 231 230;
  --turbo-ok-fundo: #E3EFE9;  --turbo-ok-fundo-rgb: 227 239 233;
  --turbo-ia-fundo: #F1E8FA;  --turbo-ia-fundo-rgb: 241 232 250;
}

/* Escuro, escolhido */
[data-tema="escuro"] {
  color-scheme: dark;
  --turbo-fundo: #0A0B0F;  --turbo-fundo-rgb: 10 11 15;
  --turbo-superficie: #161922;  --turbo-superficie-rgb: 22 25 34;
  --turbo-superficie-alta: #1E222D;  --turbo-superficie-alta-rgb: 30 34 45;
  --turbo-borda: #232733;  --turbo-borda-rgb: 35 39 51;
  --turbo-borda-forte: #363C4C;  --turbo-borda-forte-rgb: 54 60 76;
  --turbo-texto: #F4F6FB;  --turbo-texto-rgb: 244 246 251;
  --turbo-texto-suave: #A6AEC0;  --turbo-texto-suave-rgb: 166 174 192;
  --turbo-texto-fraco: #8F97AA;  --turbo-texto-fraco-rgb: 143 151 170;
  --turbo-acao: #6B91FF;  --turbo-acao-rgb: 107 145 255;
  --turbo-acao-texto: #0A0B0F;  --turbo-acao-texto-rgb: 10 11 15;
  --turbo-alerta: #F0A43C;  --turbo-alerta-rgb: 240 164 60;
  --turbo-urgente: #FF7A70;  --turbo-urgente-rgb: 255 122 112;
  --turbo-ok: #00DF97;  --turbo-ok-rgb: 0 223 151;
  --turbo-ia: #B48CF0;  --turbo-ia-rgb: 180 140 240;
  --turbo-chat-fundo: #0D0F14;  --turbo-chat-fundo-rgb: 13 15 20;
  --turbo-bolha-enviada: #1E3A8A;  --turbo-bolha-enviada-rgb: 30 58 138;
  --turbo-bolha-recebida: #1E222D;  --turbo-bolha-recebida-rgb: 30 34 45;
  --turbo-bolha-texto: #F4F6FB;  --turbo-bolha-texto-rgb: 244 246 251;
  --turbo-lido: #00D3FF;  --turbo-lido-rgb: 0 211 255;
  --turbo-alerta-fundo: #392F26;  --turbo-alerta-fundo-rgb: 57 47 38;
  --turbo-urgente-fundo: #3B292E;  --turbo-urgente-fundo-rgb: 59 41 46;
  --turbo-ok-fundo: #123935;  --turbo-ok-fundo-rgb: 18 57 53;
  --turbo-ia-fundo: #2F2B43;  --turbo-ia-fundo-rgb: 47 43 67;
}

/* Escuro, pelo sistema (sem escolha salva) */
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    color-scheme: dark;
    --turbo-fundo: #0A0B0F;  --turbo-fundo-rgb: 10 11 15;
    --turbo-superficie: #161922;  --turbo-superficie-rgb: 22 25 34;
    --turbo-superficie-alta: #1E222D;  --turbo-superficie-alta-rgb: 30 34 45;
    --turbo-borda: #232733;  --turbo-borda-rgb: 35 39 51;
    --turbo-borda-forte: #363C4C;  --turbo-borda-forte-rgb: 54 60 76;
    --turbo-texto: #F4F6FB;  --turbo-texto-rgb: 244 246 251;
    --turbo-texto-suave: #A6AEC0;  --turbo-texto-suave-rgb: 166 174 192;
    --turbo-texto-fraco: #8F97AA;  --turbo-texto-fraco-rgb: 143 151 170;
    --turbo-acao: #6B91FF;  --turbo-acao-rgb: 107 145 255;
    --turbo-acao-texto: #0A0B0F;  --turbo-acao-texto-rgb: 10 11 15;
    --turbo-alerta: #F0A43C;  --turbo-alerta-rgb: 240 164 60;
    --turbo-urgente: #FF7A70;  --turbo-urgente-rgb: 255 122 112;
    --turbo-ok: #00DF97;  --turbo-ok-rgb: 0 223 151;
    --turbo-ia: #B48CF0;  --turbo-ia-rgb: 180 140 240;
    --turbo-chat-fundo: #0D0F14;  --turbo-chat-fundo-rgb: 13 15 20;
    --turbo-bolha-enviada: #1E3A8A;  --turbo-bolha-enviada-rgb: 30 58 138;
    --turbo-bolha-recebida: #1E222D;  --turbo-bolha-recebida-rgb: 30 34 45;
    --turbo-bolha-texto: #F4F6FB;  --turbo-bolha-texto-rgb: 244 246 251;
    --turbo-lido: #00D3FF;  --turbo-lido-rgb: 0 211 255;
    --turbo-alerta-fundo: #392F26;  --turbo-alerta-fundo-rgb: 57 47 38;
    --turbo-urgente-fundo: #3B292E;  --turbo-urgente-fundo-rgb: 59 41 46;
    --turbo-ok-fundo: #123935;  --turbo-ok-fundo-rgb: 18 57 53;
    --turbo-ia-fundo: #2F2B43;  --turbo-ia-fundo-rgb: 47 43 67;
  }
}