/**
 * Oxford Core — Design System, fase 1: tokens do sistema interno.
 *
 * DE ONDE VEM CADA VALOR
 * - Os 16 tokens claros e os 17 escuros são CÓPIA LITERAL do oxford-teachers
 *   (teachers.css, blocos :root e [data-ox-theme="dark"]). O azul-marinho
 *   #1e3a5f do teachers é o padrão do sistema todo (decisão do dono, 2026-09).
 *   Nada foi "arredondado": esta fase não pode mudar pixel nas telas do teachers.
 *   O teachers.css continua declarando os mesmos valores em :root por enquanto —
 *   as subpáginas coordenacao-* não têm o system header (logo, não têm
 *   body.ox-system-page) e dependem de lá. Tirar a cópia é trabalho do PR de
 *   componentes.
 * - Tokens que o teachers USA mas nunca definiu recebem o valor que a tela
 *   mostra hoje:
 *     --ox-text, --ox-text-muted  vinham do tema (oxford-theme/style.css:
 *                                 --ox-black #111827 e --ox-gray-500 #6b7280).
 *     --ox-bg-light               único uso tem fallback #f8f9fa.
 *     --ox-bg-inset (claro)       2 usos, com fallbacks diferentes: #eef2f7 no
 *                                 bloco da conta do menu da coordenação (sempre
 *                                 visível) e #f1f5f9 no hover/foco do item. Fica
 *                                 #eef2f7: o bloco visível não muda; o hover fica
 *                                 3/255 mais escuro por canal.
 *     --ox-bg-body/card/elevated  nenhum uso no claro; valem o branco que a tela
 *                                 já mostra (--ox-white / fundo do tema).
 *     --ox-primary-rgb            30, 58, 95 (= #1e3a5f), decisão do dono. Os 2
 *                                 usos (anel de foco dos campos de comentário do
 *                                 boletim) caíam no fallback azul Bootstrap
 *                                 0, 123, 255: muda só com o campo em foco.
 *
 * O QUE MUDA NA TELA, NO CLARO (conferido em 2026-09-10) — duas coisas só:
 * 1) o anel de foco dos comentários do boletim (--ox-primary-rgb, acima);
 * 2) a borda do card e dos campos do /login/ (LoginForm.php): a página tem o
 *    system header, e o --ox-border que valia ali era o do tema (#e5e7eb); passa
 *    a #e2e8f0. Dos tokens do tema com valor diferente destes (--ox-border,
 *    --ox-shadow, --ox-shadow-lg, --ox-transition, --ox-radius-sm), é o único
 *    usado em página de sistema fora do teachers e da gestão — e estas duas já
 *    viam os valores do teachers: o teachers.css está nas telas dele e nas da
 *    gestão (na /gestao/ e na /gestao-pessoas/ por conta própria, nas outras
 *    pela ox_gestao_enqueue_teachers_base_css; o gestao.css não usa --ox-*).
 * - Ficou DE FORA de propósito:
 *     --ox-muted  11 usos no teachers.css, 10 deles SEM fallback. Como o token
 *                 não existe, hoje esses textos HERDAM a cor do pai — inclusive
 *                 .ox-form-hint e .ox-text-muted, cuja regra sem fallback vem
 *                 depois da que tem #6c757d e vence. Qualquer valor aqui
 *                 recoloriria esses 10 textos. Fica para o PR de componentes,
 *                 junto com a revisão desses pontos.
 *
 * ESCOPO: body.ox-system-page (classe que o [oxford_system_header] põe no body)
 * e .ox-ds-scope (ilhas de UI do sistema fora das páginas de sistema: o botão
 * flutuante da coordenação e o toggle de tema, que aparecem até na home para a
 * equipe). NÃO em :root: nas landing pages o --ox-* do tema (outros raios,
 * sombras e transições) continua valendo sem colisão. Como fica no body, este
 * escopo vence o :root (do tema ou do teachers) por herança, seja qual for a
 * ordem em que os arquivos carregam.
 *
 * ESCURO: só os tokens que o teachers remapeia. --ox-text, --ox-text-muted e
 * --ox-bg-light NÃO mudam no escuro porque hoje também não mudam (o teachers
 * nunca os remapeou); remapear agora mudaria as telas escuras. Quem decide se
 * a página escurece é o filtro oxford_ds_dark_ready (includes/DesignSystem.php).
 */

body.ox-system-page,
.ox-ds-scope {
    /* -- Cópia do teachers.css :root (valores idênticos) -- */
    --ox-primary: #1e3a5f;
    --ox-primary-light: #2c5282;
    --ox-secondary: #4a5568;
    --ox-success: #28a745;
    --ox-warning: #ffc107;
    --ox-danger: #dc3545;
    --ox-info: #17a2b8;
    --ox-light: #f8f9fa;
    --ox-dark: #343a40;
    --ox-white: #ffffff;
    --ox-border: #e2e8f0;
    --ox-shadow: 0 2px 4px rgba(0,0,0,0.1);
    --ox-shadow-lg: 0 4px 12px rgba(0,0,0,0.15);
    --ox-radius: 8px;
    --ox-radius-sm: 4px;
    --ox-transition: all 0.2s ease;

    /* -- Usados pelo teachers e nunca definidos: valor efetivo de hoje -- */
    --ox-primary-rgb: 30, 58, 95;
    --ox-text: #111827;
    --ox-text-muted: #6b7280;
    --ox-bg-light: #f8f9fa;

    /* -- Superfícies no claro (no escuro vêm do bloco abaixo) -- */
    --ox-bg-body: #ffffff;
    --ox-bg-card: #ffffff;
    --ox-bg-elevated: #ffffff;
    --ox-bg-inset: #eef2f7;
}

[data-ox-theme="dark"] body.ox-system-page,
[data-ox-theme="dark"] .ox-ds-scope {
    /* -- Cópia do teachers.css [data-ox-theme="dark"] (valores idênticos) -- */
    --ox-bg-body: #111827;
    --ox-bg-card: #1e293b;
    --ox-bg-elevated: #273548;
    --ox-bg-inset: #0f172a;

    --ox-primary: #60a5fa;
    --ox-primary-light: #93c5fd;
    --ox-secondary: #64748b;
    --ox-success: #4ade80;
    --ox-warning: #fbbf24;
    --ox-danger: #f87171;
    --ox-info: #38bdf8;
    --ox-light: #1e293b;
    --ox-dark: #e2e8f0;
    --ox-white: #1e293b;
    --ox-border: #334155;
    --ox-shadow: 0 2px 4px rgba(0,0,0,0.4);
    --ox-shadow-lg: 0 4px 12px rgba(0,0,0,0.5);
    color-scheme: dark;

    /* Token novo, sem par no teachers: acompanha o --ox-primary escuro
       (#60a5fa). Os 2 usos de hoje são campos de texto, cujo foco no escuro já
       é sobrescrito com !important pelo teachers.css, então nada muda na tela. */
    --ox-primary-rgb: 96, 165, 250;
}