/*
 * Design tokens do CoreSystem v5 (CORE-V5-014, expandido em CORE-V5-061).
 * Ponto de extensao unico do UIkit local - nunca editar os arquivos vendor
 * (principio 4.7 do escopo). Cor/tipografia/espacamento/raio/sombra/foco
 * vivem aqui como variaveis nomeadas; nenhuma tela ou componente novo deve
 * copiar um valor solto (px, cor hex) quando existir um token equivalente.
 *
 * A exploracao visual via claude.ai/design (CORE-V5-062, conector
 * DesignSync) parte deste arquivo como baseline e escreve de volta aqui -
 * os valores abaixo sao o ponto de partida aprovado localmente, nao o
 * resultado final da revisao visual.
 */

:root {
  /* Cor - superficie e texto */
  --core-bg: #f5f3ee;
  --core-surface: #ffffff;
  --core-surface-2: #efece4;
  --core-ink: #1c1d1a;
  --core-ink-soft: #5c5c56;
  --core-ink-faint: #8b8b82;
  --core-line: rgba(28, 29, 26, 0.11);
  --core-line-strong: rgba(28, 29, 26, 0.22);
  --core-accent: #1f5f5b;
  --core-accent-ink: #0e3230;
  --core-accent-tint: #e2eeec;

  /* Cor - estados (sucesso/erro/aviso/info) */
  --core-good: #2f7d4f;
  --core-good-tint: #e4f2e9;
  --core-warn: #a8710f;
  --core-warn-tint: #f6ecd9;
  --core-bad: #af3b2b;
  --core-bad-tint: #f6e3e0;
  --core-info: #1f5fa8;
  --core-info-tint: #e2ecf6;

  /* Tipografia */
  --core-font-sans: 'Plex Sans', -apple-system, 'Segoe UI', Roboto, sans-serif;
  --core-font-mono: 'Plex Mono', ui-monospace, Consolas, monospace;
  --core-text-xs: 11px;
  --core-text-sm: 12.5px;
  --core-text-base: 14px;
  --core-text-md: 15.5px;
  --core-text-lg: 18px;
  --core-text-xl: 22px;
  --core-text-2xl: 28px;
  --core-leading-tight: 1.25;
  --core-leading-normal: 1.5;
  --core-weight-normal: 400;
  --core-weight-medium: 500;
  --core-weight-semibold: 600;

  /* Espacamento (escala base 4px) */
  --core-space-1: 4px;
  --core-space-2: 8px;
  --core-space-3: 12px;
  --core-space-4: 16px;
  --core-space-5: 20px;
  --core-space-6: 24px;
  --core-space-8: 32px;
  --core-space-10: 40px;
  --core-space-12: 48px;

  /* Raio de borda */
  --core-radius-sm: 6px;
  --core-radius-md: 8px;
  --core-radius-lg: 12px;
  --core-radius-pill: 999px;

  /* Sombra */
  --core-shadow-sm: 0 1px 2px rgba(28, 29, 26, 0.06);
  --core-shadow-md: 0 4px 12px rgba(28, 29, 26, 0.10);
  --core-shadow-lg: 0 12px 32px rgba(28, 29, 26, 0.16);

  /* Foco (acessibilidade - precisa sobreviver a CSP/sem confirm() nativo) */
  --core-focus-ring: 0 0 0 2px var(--core-bg), 0 0 0 4px var(--core-accent);
  --core-focus-color: var(--core-accent);

  --core-sidebar-w: 248px;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --core-bg: #141513;
    --core-surface: #1c1e1b;
    --core-surface-2: #232520;
    --core-ink: #f1efe8;
    --core-ink-soft: #b8b6ac;
    --core-ink-faint: #83817a;
    --core-line: rgba(241, 239, 232, 0.12);
    --core-line-strong: rgba(241, 239, 232, 0.24);
    --core-accent: #5bb8b0;
    --core-accent-ink: #d6f0ec;
    --core-accent-tint: #1c3532;
    --core-good: #7cc79a;
    --core-good-tint: #1e3327;
    --core-warn: #e0ac52;
    --core-warn-tint: #362a16;
    --core-bad: #e2897a;
    --core-bad-tint: #3a211d;
    --core-info: #7fb1e8;
    --core-info-tint: #1c2c3d;
    --core-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.24);
    --core-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.32);
    --core-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.44);
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --core-bg: #141513;
  --core-surface: #1c1e1b;
  --core-surface-2: #232520;
  --core-ink: #f1efe8;
  --core-ink-soft: #b8b6ac;
  --core-ink-faint: #83817a;
  --core-line: rgba(241, 239, 232, 0.12);
  --core-line-strong: rgba(241, 239, 232, 0.24);
  --core-accent: #5bb8b0;
  --core-accent-ink: #d6f0ec;
  --core-accent-tint: #1c3532;
  --core-good: #7cc79a;
  --core-good-tint: #1e3327;
  --core-warn: #e0ac52;
  --core-warn-tint: #362a16;
  --core-bad: #e2897a;
  --core-bad-tint: #3a211d;
  --core-info: #7fb1e8;
  --core-info-tint: #1c2c3d;
  --core-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.24);
  --core-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.32);
  --core-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.44);
  color-scheme: dark;
}