/* ==========================================================================
   SmartContábil — Design Tokens (identidade visual oficial)
   Grafite #2F3138 · Verde #037660 · Menta #86D2BF · Azul #0265FC · Gelo #F7F9FB
   ========================================================================== */

:root {
    /* ---- Marca: grafite ---- */
    --sc-graphite-950: #1C1E22;
    --sc-graphite-900: #2F3138;
    --sc-graphite-800: #3A3D45;
    --sc-graphite-700: #4A4D56;
    --sc-graphite-500: #727680;
    --sc-graphite-300: #B5B8C0;
    --sc-graphite-100: #EAECF0;

    /* ---- Marca: verde institucional ---- */
    --sc-green-800: #025D4C;
    --sc-green-700: #037660;
    --sc-green-600: #098B72;
    --sc-green-100: #DDF3ED;

    /* ---- Marca: verde menta ---- */
    --sc-mint-500: #86D2BF;
    --sc-mint-300: #B9E6DA;
    --sc-mint-100: #EAF7F3;

    /* ---- Marca: azul tecnológico ---- */
    --sc-blue-700: #0251CF;
    --sc-blue-600: #0265FC;
    --sc-blue-300: #B8D4FF;
    --sc-blue-100: #E7F0FF;

    /* ---- Superfícies e texto ---- */
    --sc-ice: #F7F9FB;
    --sc-white: #FFFFFF;
    --sc-surface: #FFFFFF;
    --sc-surface-muted: #F7F9FB;
    --sc-border: #E3E7EC;
    --sc-border-strong: #D3D9E0;
    --sc-line: #F0F2F5;
    --sc-text: #2F3138;
    --sc-text-muted: #69707A;
    --sc-text-soft: #B5B8C0;

    /* ---- Cores semânticas de estado ---- */
    --state-success: #1F8A5B;
    --state-success-bg: #E7F6EE;
    --state-success-border: #BFE6D2;
    --state-warning: #C98618;
    --state-warning-bg: #FFF8E7;
    --state-warning-border: #F5D992;
    --state-danger: #C84A48;
    --state-danger-bg: #FDEDEC;
    --state-danger-border: #F3C7C5;
    --state-info: #0265FC;
    --state-info-bg: #E7F0FF;
    --state-info-border: #B8D4FF;
    --state-neutral: #69707A;
    --state-neutral-bg: #EFF2F5;
    --state-neutral-border: #DFE4EA;

    /* ---- Tipografia ---- */
    --font-display: 'Poppins', 'Segoe UI', system-ui, sans-serif;
    --font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;

    /* ---- Espaçamento (escala 4px) ---- */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;

    /* ---- Raios ---- */
    --radius-xs: 6px;
    --radius-sm: 8px;
    --radius-md: 11px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-pill: 999px;

    /* ---- Sombras (discretas) ---- */
    --shadow-xs: 0 1px 2px rgba(47, 49, 56, .04);
    --shadow-sm: 0 6px 18px rgba(47, 49, 56, .06);
    --shadow-md: 0 14px 36px rgba(47, 49, 56, .08);
    --shadow-lg: 0 24px 48px rgba(47, 49, 56, .10);

    /* ---- Estrutura do aplicativo ---- */
    --sidebar-width: 280px;
    --sidebar-collapsed: 76px;
    --topbar-height: 64px;

    /* ---- Transições ---- */
    --ease: cubic-bezier(.4, 0, .2, 1);
    --transition-fast: .15s var(--ease);
    --transition-base: .22s var(--ease);

    /* ======================================================================
       Compatibilidade: tokens legados usados pelos CSS de módulos.
       Reapontados para a nova identidade — nenhuma tela precisa ser reescrita
       para deixar de exibir a paleta antiga.
       ====================================================================== */
    --navy: #2F3138;
    --navy2: #24262B;
    --blue: #0265FC;
    --blue2: #0251CF;
    --cyan: #86D2BF;
    --green: #037660;
    --green2: #025D4C;
    --mint: #EAF7F3;
    --bg: #F7F9FB;
    --white: #FFFFFF;
    --text: #2F3138;
    --muted: #69707A;
    --border: #E3E7EC;
    --amber: #C98618;
    --red: #C84A48;
    --shadow: var(--shadow-md);
    --brand-gradient: linear-gradient(135deg, #037660 0%, #098B72 55%, #0265FC 100%);
}