/* RIA Studio — tokens de design.
 *
 * ARQUIVO GERADO. Não edite à mão: mude
 *   .design/branding/ria-studio/patterns/ria-studio.yml
 * e rode
 *   node ferramentas/gerar-tokens.mjs
 *
 * Estilo: ria-studio (base: liquid-glass) · gerado em 2026-10-21
 * Intensidade: variance 3 · motion 7 · density 5
 */

/* Tokens comuns a todos os temas (tipografia, forma, sombra, vidro, espaço,
 * movimento). Precisam aparecer nas classes de tema também: dentro de um
 * Shadow DOM, :root não alcança a interface. */
:root,
.rs-tema-claro,
.rs-tema-escuro,
.rs-tema-sistema {
  /* tipografia */
  --rs-fonte: system-ui, -apple-system, "Segoe UI Variable Display", "Segoe UI", Roboto, sans-serif;
  --rs-fonte-mono: ui-monospace, "SF Mono", "Cascadia Code", "Segoe UI Mono", Menlo, monospace;
  --rs-peso-titulo: 600;
  --rs-peso-corpo: 400;
  --rs-corpo: 15px;
  --rs-corpo-studio: 16px;
  --rs-entrelinha: 1.47;
  --rs-tracking-display: -0.022em;

  /* forma */
  --rs-raio-sm: 10px;
  --rs-raio-md: 16px;
  --rs-raio-lg: 20px;
  --rs-raio-xl: 28px;
  --rs-borda-larg: 1px;

  /* elevação */
  --rs-sombra-sm: 0 2px 8px rgba(23, 20, 35, 0.08);
  --rs-sombra-md: 0 8px 32px rgba(45, 30, 120, 0.15);
  --rs-sombra-lg: 0 16px 48px rgba(45, 30, 120, 0.20);
  --rs-sombra-xl: 0 24px 64px rgba(45, 30, 120, 0.25);

  /* vidro */
  --rs-blur: 2px;
  --rs-satura: 180%;
  --rs-especular: inset 0 4px 20px rgba(255, 255, 255, 0.30);
  --rs-refracao: inset -10px -8px 0px -11px rgba(255, 255, 255, 1);

  /* espaçamento (base 8) */
  --rs-e1: 4px;
  --rs-e2: 8px;
  --rs-e3: 12px;
  --rs-e4: 16px;
  --rs-e5: 24px;
  --rs-e6: 32px;
  --rs-e7: 48px;
  --rs-e8: 64px;
  --rs-e9: 96px;

  /* movimento */
  --rs-t-rapido: 200ms;
  --rs-t-normal: 350ms;
  --rs-t-lento: 500ms;
  --rs-curva: cubic-bezier(0.2, 0.8, 0.2, 1);
}

:root,
.rs-tema-claro {
  /* cor */
  --rs-fundo: #F3F2F8;
  --rs-texto: #171423;
  --rs-vidro: oklch(100% 0 0 / 0.62);
  --rs-vidro-texto: #171423;
  --rs-popover: oklch(100% 0 0 / 0.72);
  --rs-popover-texto: #171423;
  --rs-primaria: #5B3DF5;
  --rs-primaria-texto: #FFFFFF;
  --rs-secundaria: #7C5CFF;
  --rs-secundaria-texto: #FFFFFF;
  --rs-acento: #D1105A;
  --rs-acento-texto: #FFFFFF;
  --rs-suave: #E7E5F0;
  --rs-texto-2: #55506B;
  --rs-erro: #C7262B;
  --rs-borda: oklch(100% 0 0 / 0.80);
  --rs-campo: oklch(100% 0 0 / 0.80);
  --rs-anel: #5B3DF5;
  --rs-trilho: oklch(100% 0 0 / 0.44);
  --rs-trilho-texto: #171423;
  --rs-trilho-primaria: #5B3DF5;
  --rs-trilho-primaria-texto: #FFFFFF;
  --rs-trilho-ativo: oklch(100% 0 0 / 0.70);
  --rs-trilho-ativo-texto: #171423;
  --rs-trilho-borda: oklch(100% 0 0 / 0.80);
  --rs-trilho-anel: #5B3DF5;
  --rs-sucesso: #0E7C57;
  --rs-aviso: #8A5300;
  --rs-info: #0B6BCB;
  --rs-grafico-1: #6E34F0;
  --rs-grafico-2: #C18200;
  --rs-grafico-3: #3C92E2;
  --rs-grafico-4: #32A170;
  --rs-grafico-5: #8C2447;
  /* fallback sem backdrop-filter: vidro quase opaco */
  --rs-vidro-opaco: oklch(100% 0 0 / 0.92);
  --rs-trilho-opaco: oklch(100% 0 0 / 0.9);
}

.rs-tema-escuro {
  --rs-fundo: #0B0A12;
  --rs-texto: #F4F2FB;
  --rs-vidro: oklch(100% 0 0 / 0.10);
  --rs-vidro-texto: #F4F2FB;
  --rs-popover: oklch(100% 0 0 / 0.14);
  --rs-popover-texto: #F4F2FB;
  --rs-primaria: #A78BFA;
  --rs-primaria-texto: #0B0A12;
  --rs-secundaria: #8B7BFF;
  --rs-secundaria-texto: #0B0A12;
  --rs-acento: #FF7A9C;
  --rs-acento-texto: #0B0A12;
  --rs-suave: #1A1826;
  --rs-texto-2: #A6A1BC;
  --rs-erro: #FF8A84;
  --rs-borda: oklch(100% 0 0 / 0.18);
  --rs-campo: oklch(100% 0 0 / 0.18);
  --rs-anel: #A78BFA;
  --rs-trilho: oklch(100% 0 0 / 0.07);
  --rs-trilho-texto: #F4F2FB;
  --rs-trilho-primaria: #A78BFA;
  --rs-trilho-primaria-texto: #0B0A12;
  --rs-trilho-ativo: oklch(100% 0 0 / 0.14);
  --rs-trilho-ativo-texto: #F4F2FB;
  --rs-trilho-borda: oklch(100% 0 0 / 0.18);
  --rs-sucesso: #46D6A0;
  --rs-aviso: #FFBD4A;
  --rs-info: #6FC2FF;
  --rs-grafico-1: #8E7EEA;
  --rs-grafico-2: #C18200;
  --rs-grafico-3: #226AAC;
  --rs-grafico-4: #36A573;
  --rs-grafico-5: #BD3462;
  --rs-vidro-opaco: oklch(22% 0.02 285 / 0.92);
  --rs-trilho-opaco: oklch(18% 0.02 285 / 0.92);
}

@media (prefers-color-scheme: dark) {
  .rs-tema-sistema {
    --rs-fundo: #0B0A12;
    --rs-texto: #F4F2FB;
    --rs-vidro: oklch(100% 0 0 / 0.10);
    --rs-vidro-texto: #F4F2FB;
    --rs-popover: oklch(100% 0 0 / 0.14);
    --rs-popover-texto: #F4F2FB;
    --rs-primaria: #A78BFA;
    --rs-primaria-texto: #0B0A12;
    --rs-secundaria: #8B7BFF;
    --rs-secundaria-texto: #0B0A12;
    --rs-acento: #FF7A9C;
    --rs-acento-texto: #0B0A12;
    --rs-suave: #1A1826;
    --rs-texto-2: #A6A1BC;
    --rs-erro: #FF8A84;
    --rs-borda: oklch(100% 0 0 / 0.18);
    --rs-campo: oklch(100% 0 0 / 0.18);
    --rs-anel: #A78BFA;
    --rs-trilho: oklch(100% 0 0 / 0.07);
    --rs-trilho-texto: #F4F2FB;
    --rs-trilho-primaria: #A78BFA;
    --rs-trilho-primaria-texto: #0B0A12;
    --rs-trilho-ativo: oklch(100% 0 0 / 0.14);
    --rs-trilho-ativo-texto: #F4F2FB;
    --rs-trilho-borda: oklch(100% 0 0 / 0.18);
    --rs-sucesso: #46D6A0;
    --rs-aviso: #FFBD4A;
    --rs-info: #6FC2FF;
    --rs-grafico-1: #8E7EEA;
    --rs-grafico-2: #C18200;
    --rs-grafico-3: #226AAC;
    --rs-grafico-4: #36A573;
    --rs-grafico-5: #BD3462;
    --rs-vidro-opaco: oklch(22% 0.02 285 / 0.92);
    --rs-trilho-opaco: oklch(18% 0.02 285 / 0.92);
  }
}