/* SocialFlash — tokens da marca.
 *
 * Espelho literal de `tokens.css` do kit de marca. Os valores são do manual e
 * **não** são editados aqui: uma revisão de identidade troca este arquivo
 * inteiro, e nada mais. Nomes intermediários que a interface precisa e o
 * manual não nomeia ficam em `overview.css`, marcados como derivados.
 *
 * Proporção de uso pedida pelo manual: 70% branco/quase-branco, 25% grafite,
 * 5% indigo. O indigo só aparece em botão primário, item de navegação ativo,
 * seleção de calendário, anel de foco, a barra do símbolo e o que foi autorado
 * pelo agente. Não é fundo de cartão, nem cabeçalho de tabela, nem enfeite.
 */

:root {
  /* Ink — texto e estrutura */
  --sf-ink-900: #16141f;
  --sf-ink-700: #2e2b3b;
  --sf-ink-500: #56545f;
  --sf-ink-400: #8c8a99;
  --sf-ink-300: #c6c4ce;
  --sf-ink-200: #e7e6ee;
  --sf-ink-100: #f0eff4;
  --sf-surface: #f7f7f9;
  --sf-surface-raised: #fafafb;
  --sf-base: #ffffff;

  /* Indigo — marca, ação, agente */
  --sf-indigo-700: #3b2fb8;
  --sf-indigo-500: #5b4be8;
  --sf-indigo-400: #8c7cf5;
  --sf-indigo-200: #c9c4f3;
  --sf-indigo-100: #dcd7fb;
  --sf-indigo-50: #efedfd;

  /* Semânticos — só dentro de indicador de estado */
  --sf-success: #0e7c66;
  --sf-warning: #b0740b;
  --sf-danger: #c0392f;

  /* Tipografia */
  --sf-font-sans: "General Sans", system-ui, -apple-system, sans-serif;
  --sf-weight-body: 400;
  --sf-weight-medium: 500;
  --sf-weight-strong: 600;
  --sf-tracking-display: -0.035em;
  --sf-tracking-title: -0.025em;
  --sf-tracking-label: 0.1em;

  /* Raios */
  --sf-radius-chip: 999px;
  --sf-radius-control: 10px;
  --sf-radius-field: 11px;
  --sf-radius-card: 16px;
  --sf-radius-panel: 20px;
  --sf-radius-app-icon: 22.3%;

  /* Espessura do traço do ícone por tamanho renderizado */
  --sf-icon-stroke-16: 2.1;
  --sf-icon-stroke-20: 1.9;
  --sf-icon-stroke-24: 1.75;
  --sf-icon-stroke-32: 1.6;
}