/* =============================================================================
   Argos — tokens da identidade visual

   Argos é o vigia de cem olhos: a paleta é slate profundo com acento ciano, a cor
   de instrumento aceso no escuro. Nenhum hex solto nos outros arquivos — qualquer
   cor sai daqui, como no Apolo.

   Tema claro e escuro. Todo token de cor é declarado duas vezes: em :root (escuro,
   o padrão) e em [data-tema="claro"]. Token que não é cor fica só em :root.
   ========================================================================== */

:root {
    /* ---- Superfícies (escuro é o padrão) -------------------------------- */

    --surface-base: #0A0E15;
    --surface-raised: #0F141D;
    --surface-card: #131A24;
    --surface-hover: #18202C;

    /* Fundo de faixa horária sem dado. Precisa ser visível sem competir com
       verde e vermelho: é ausência de informação, não estado ruim. */
    --surface-vazio: #1C2531;

    /* ---- Texto ---------------------------------------------------------- */

    --text-strong: #F2F5F9;
    --text-base: #C3CCD9;
    --text-muted: #8593A6;
    --text-faint: #5D6B7D;

    /* ---- Acento ciano --------------------------------------------------- */

    --accent: #2DD4BF;
    --accent-strong: #5EEAD4;
    --accent-wash: rgba(45, 212, 191, .10);
    --accent-border: rgba(45, 212, 191, .38);

    /* Texto SOBRE fundo cheio de acento ou de perigo. Inverte com o tema: sem
       estes tokens, etiqueta preenchida só teria contraste em um dos dois. */
    --on-accent: #08131A;
    --on-danger: #16202B;

    /* ---- Bordas --------------------------------------------------------- */

    --border-subtle: #1B2431;
    --border-base: #27323F;
    --border-strong: #38455670;

    /* ---- Semânticos ----------------------------------------------------- */

    /* Mesma família do Apolo: um verde de "ok" diferente entre dois sites do
       mesmo ecossistema faria o leitor duvidar do que está vendo. */
    --ok: #3FB950;
    --ok-wash: rgba(63, 185, 80, .12);
    --ok-border: rgba(63, 185, 80, .38);

    --warn: #E3B341;
    --warn-wash: rgba(227, 179, 65, .12);
    --warn-border: rgba(227, 179, 65, .38);

    --danger: #F85149;
    --danger-wash: rgba(248, 81, 73, .12);
    --danger-border: rgba(248, 81, 73, .38);

    /* ---- Sombras -------------------------------------------------------- */

    --shadow-card: 0 1px 2px rgba(0, 0, 0, .30), 0 8px 24px rgba(0, 0, 0, .22);

    /* ---- Tipografia ----------------------------------------------------- */

    --font-titulo: 'Sora', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-texto: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-mono: ui-monospace, 'SFMono-Regular', 'Consolas', monospace;

    /* ---- Medidas -------------------------------------------------------- */

    --largura-maxima: 1180px;
    --raio: 12px;
    --raio-pequeno: 6px;
    --topbar-altura: 56px;
}

[data-tema="claro"] {
    --surface-base: #F4F6F9;
    --surface-raised: #FFFFFF;
    --surface-card: #FFFFFF;
    --surface-hover: #EDF1F6;
    --surface-vazio: #DEE4EC;

    --text-strong: #0E1620;
    --text-base: #33414F;
    --text-muted: #5E6C7C;
    --text-faint: #8A97A5;

    --accent: #0E9384;
    --accent-strong: #0B7A6E;
    --accent-wash: rgba(14, 147, 132, .10);
    --accent-border: rgba(14, 147, 132, .38);

    --on-accent: #FFFFFF;
    --on-danger: #FFFFFF;

    --border-subtle: #E2E8EF;
    --border-base: #CFD8E3;
    --border-strong: #AFBCCB;

    --ok: #1A7F37;
    --ok-wash: rgba(26, 127, 55, .10);
    --ok-border: rgba(26, 127, 55, .32);

    --warn: #9A6700;
    --warn-wash: rgba(154, 103, 0, .10);
    --warn-border: rgba(154, 103, 0, .32);

    --danger: #C0332B;
    --danger-wash: rgba(192, 51, 43, .10);
    --danger-border: rgba(192, 51, 43, .32);

    --shadow-card: 0 1px 2px rgba(16, 24, 40, .06), 0 8px 20px rgba(16, 24, 40, .06);
}