/* =========================================================
   NOXFINANCE — DESIGN TOKENS
   Nox: a noite. Fundo grafite profundo, quase preto, com um
   único acento em amarelo — usado com moderação, nunca em
   gradiente "brilhante". Contraste real entre superfícies,
   não tudo no mesmo tom de preto.
   ========================================================= */
:root {
    /* ---- Superfícies (com contraste real entre si) ---- */
    --ink:        #08080A;   /* fundo mais profundo (aside, corpo da página) */
    --surface:    #131316;   /* cards, painéis, formulário */
    --surface-2:  #1A1A1E;   /* inputs, hover de linha */
    --surface-3:  #232328;   /* elementos elevados, hover de card */
    --line:       #26262B;   /* bordas padrão */
    --line-soft:  rgba(255, 255, 255, .06);

    /* ---- Amarelo (marca) — flat, sem gradiente "brilho de sabão" ---- */
    --gold:       #EAB308;   /* amarelo principal, uso pontual */
    --gold-dim:   #A9820A;   /* variação escura, só p/ bordas/sombra sutil */
    --gold-soft:  rgba(234, 179, 8, .12);
    --gold-soft-2:rgba(234, 179, 8, .05);
    --on-gold:    #15130A;   /* texto sobre fundo amarelo */

    /* ---- Texto ---- */
    --white:      #F2F2F0;
    --gray-100:   #C7C7CE;
    --gray-300:   #93939C;
    --gray-500:   #63636B;

    /* ---- Estados ---- */
    --success:      #2FB876;
    --success-soft: rgba(47, 184, 118, .13);
    --danger:       #E15258;
    --danger-soft:  rgba(225, 82, 88, .13);
    --info:         #4C9FE7;
    --info-soft:    rgba(76, 159, 231, .13);

    /* ---- Tipografia ---- */
    --font-display: 'Fraunces', Georgia, serif;
    --font-body:    'Inter', -apple-system, Segoe UI, sans-serif;
    --font-mono:    'JetBrains Mono', 'Courier New', monospace;

    /* ---- Raio ---- */
    --r-sm:   8px;
    --r-md:   14px;
    --r-lg:   18px;
    --r-full: 999px;

    /* ---- Sombra (discreta, não "brilho de festa") ---- */
    --shadow-sm:   0 1px 2px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .22);
    --shadow-md:   0 16px 40px rgba(0, 0, 0, .45);
    --shadow-gold: 0 6px 20px rgba(234, 179, 8, .10);

    /* ---- Layout ---- */
    --sidebar-w:       264px;
    --sidebar-w-collapsed: 84px;
    --topbar-h:        72px;

    /* ---- Movimento ---- */
    --ease: cubic-bezier(.4, 0, .2, 1);
    --fast: 150ms;
    --med:  240ms;
}