/* ==========================================================================
   TEXFLOW ERP — Design tokens
   ========================================================================== */

:root {
    /* ---- Brand ---- */
    --navy:          #0F172A;
    --navy-700:      #1E293B;
    --navy-600:      #334155;
    --blue:          #2563EB;
    --blue-dark:     #1D4ED8;
    --blue-light:    #EFF6FF;
    --green:         #16A34A;
    --green-light:   #ECFDF3;
    --amber:         #D97706;
    --amber-light:   #FFFBEB;
    --red:           #DC2626;
    --red-light:     #FEF2F2;
    --purple:        #7C3AED;
    --purple-light:  #F5F3FF;
    --teal:          #0D9488;
    --teal-light:    #F0FDFA;

    /* ---- Surfaces ---- */
    --bg:            #F8FAFC;
    --surface:       #FFFFFF;
    --surface-alt:   #F8FAFC;
    --surface-sunken: #F1F5F9;

    /* ---- Text ---- */
    --text:          #0F172A;
    --text-2:        #334155;
    --muted:         #64748B;
    --muted-2:       #94A3B8;
    --on-dark:       #E2E8F0;
    --on-dark-muted: #94A3B8;

    /* ---- Lines ---- */
    --border:        #E2E8F0;
    --border-strong: #CBD5E1;
    --border-dark:   #1E293B;

    /* ---- Radii ---- */
    --r-sm: 4px;
    --r:    6px;
    --r-md: 8px;
    --r-lg: 12px;
    --r-pill: 999px;

    /* ---- Elevation ---- */
    --shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);
    --shadow-sm: 0 1px 3px rgba(15, 23, 42, .07), 0 1px 2px rgba(15, 23, 42, .04);
    --shadow-md: 0 4px 12px rgba(15, 23, 42, .08);
    --shadow-lg: 0 12px 32px rgba(15, 23, 42, .14);

    /* ---- Metrics ---- */
    --sidebar-w: 250px;
    --topbar-h:  56px;

    /* ---- Type ---- */
    --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
            "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
            "Liberation Mono", monospace;
}