/* ============================================================
   TOKENS — herdados do DevBook
   ------------------------------------------------------------
   Mesma paleta, mesma tipografia, mesma escala de espaçamento.
   O prefixo continua sendo --db- de propósito: é o mesmo design
   system, não uma variação. Qualquer ajuste feito aqui pode ser
   copiado de volta para o outro projeto sem tradução.
   ============================================================ */

@font-face { font-family:'Space Grotesk'; font-style:normal; font-weight:600; font-display:swap; src:url('../fonts/space-grotesk-600.woff2') format('woff2'); }
@font-face { font-family:'Space Grotesk'; font-style:normal; font-weight:700; font-display:swap; src:url('../fonts/space-grotesk-700.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:400; font-display:swap; src:url('../fonts/inter-400.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:500; font-display:swap; src:url('../fonts/inter-500.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:600; font-display:swap; src:url('../fonts/inter-600.woff2') format('woff2'); }
@font-face { font-family:'JetBrains Mono'; font-style:normal; font-weight:400; font-display:swap; src:url('../fonts/jetbrains-mono-400.woff2') format('woff2'); }
@font-face { font-family:'JetBrains Mono'; font-style:normal; font-weight:500; font-display:swap; src:url('../fonts/jetbrains-mono-500.woff2') format('woff2'); }
@font-face { font-family:'JetBrains Mono'; font-style:normal; font-weight:600; font-display:swap; src:url('../fonts/jetbrains-mono-600.woff2') format('woff2'); }

:root {
    /* Fundos */
    --db-bg: #0A0F1E;
    --db-bg-2: #0C1322;
    --db-surface: #111A2E;
    --db-surface-2: #16213B;

    /* Linhas */
    --db-border: rgba(148, 163, 184, 0.12);
    --db-border-strong: rgba(148, 163, 184, 0.22);

    /* Texto */
    --db-text: #E6ECF5;
    --db-text-muted: #93A1B5;
    --db-text-dim: #73839C;

    /* Destaque */
    --db-accent: #7C8CFF;
    --db-accent-2: #38BDF8;
    --db-accent-soft: rgba(124, 140, 255, 0.10);
    --db-accent-line: rgba(124, 140, 255, 0.32);
    --db-gradient: linear-gradient(120deg, #7C8CFF, #38BDF8);
    --db-on-accent: #080D1A;

    /* Status */
    --db-ok: #34D399;
    --db-danger: #FB7185;
    --db-warn: #FBBF24;

    /* Superfícies compostas */
    --db-nav-bg: rgba(10, 15, 30, 0.72);
    --db-input-bg: rgba(10, 15, 30, 0.55);
    --db-input-solid: #0D1425;
    --db-chip-bg: rgba(255, 255, 255, 0.03);
    --db-hover-tint: rgba(255, 255, 255, 0.05);
    --db-scrollbar: #243049;
    --db-scrollbar-hover: #2F3D5C;
    --db-skeleton: linear-gradient(90deg, rgba(255,255,255,.03) 25%, rgba(255,255,255,.07) 37%, rgba(255,255,255,.03) 63%);

    /* QR — o módulo escuro precisa de contraste alto contra o claro */
    --db-qr-dark: #0A0F1E;
    --db-qr-light: #FFFFFF;

    /* Sombras */
    --db-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.22);
    --db-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
    --db-glow: 0 12px 40px rgba(124, 140, 255, 0.20);

    /* Tipografia */
    --db-font-display: 'Space Grotesk', system-ui, sans-serif;
    --db-font-body: 'Inter', system-ui, -apple-system, sans-serif;
    --db-font-mono: 'JetBrains Mono', ui-monospace, 'Courier New', monospace;

    /* Espaçamento (base 4px) */
    --db-s1: 0.25rem;
    --db-s2: 0.5rem;
    --db-s3: 0.75rem;
    --db-s4: 1rem;
    --db-s5: 1.5rem;
    --db-s6: 2rem;
    --db-s7: 3rem;

    /* Raios */
    --db-r-sm: 0.5rem;
    --db-r: 0.75rem;
    --db-r-lg: 1rem;
    --db-r-full: 999px;

    /* Layout */
    --db-maxw: 1180px;
    --db-nav-h: 68px;

    /* Curvas */
    --db-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --db-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}

[data-theme="light"] {
    --db-bg: #F4F7FB;
    --db-bg-2: #EAEFF6;
    --db-surface: #FFFFFF;
    --db-surface-2: #F1F5FA;

    --db-border: rgba(15, 23, 42, 0.10);
    --db-border-strong: rgba(15, 23, 42, 0.16);

    --db-text: #0F1B2E;
    --db-text-muted: #475569;
    --db-text-dim: #64748B;

    --db-accent: #4F46E5;
    --db-accent-2: #0284C7;
    --db-accent-soft: rgba(79, 70, 229, 0.08);
    --db-accent-line: rgba(79, 70, 229, 0.28);
    --db-gradient: linear-gradient(120deg, #4F46E5, #0284C7);
    --db-on-accent: #FFFFFF;

    --db-ok: #059669;
    --db-danger: #E11D48;
    --db-warn: #B45309;

    --db-nav-bg: rgba(244, 247, 251, 0.80);
    --db-input-bg: #FFFFFF;
    --db-input-solid: #FFFFFF;
    --db-chip-bg: rgba(15, 23, 42, 0.03);
    --db-hover-tint: rgba(15, 23, 42, 0.05);
    --db-scrollbar: #C5CFDD;
    --db-scrollbar-hover: #AEB9CB;
    --db-skeleton: linear-gradient(90deg, rgba(15,23,42,.04) 25%, rgba(15,23,42,.08) 37%, rgba(15,23,42,.04) 63%);

    --db-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06);
    --db-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
    --db-glow: 0 12px 40px rgba(79, 70, 229, 0.14);
}