/* =======================================================
   Design Tokens — Sistema CMS (look Argon-inspired)
   · Sin gradientes
   · Paleta fría + sombras suaves
   ======================================================= */
:root {
    /* ---- Primary / Accent ---- */
    --c-primary:        #4f6bed;
    --c-primary-50:     #eef1ff;
    --c-primary-100:    #dbe2fd;
    --c-primary-600:    #4056d8;
    --c-primary-700:    #3343b5;

    --c-accent:         #4cc9f0;
    --c-accent-soft:    #e0f6fd;

    /* ---- Semánticos ---- */
    --c-success:        #22c55e;
    --c-success-soft:   #dcfce7;
    --c-warning:        #f59e0b;
    --c-warning-soft:   #fef3c7;
    --c-danger:         #ef4444;
    --c-danger-soft:    #fee2e2;
    --c-info:           #3b82f6;
    --c-info-soft:      #dbeafe;

    /* ---- Neutros ---- */
    --c-bg:             #f5f7fb;
    --c-surface:        #ffffff;
    --c-surface-alt:    #f9fafc;
    --c-border:         #e5e8ef;
    --c-border-soft:    #eef0f5;
    --c-text:           #2d3748;
    --c-text-muted:     #8898aa;
    --c-text-light:     #b5bcc7;

    /* ---- Sidebar oscuro plano (sin gradient) ---- */
    --c-sb-bg:          #1e2136;
    --c-sb-fg:          #a1a8c3;
    --c-sb-fg-active:   #ffffff;
    --c-sb-active:      rgba(79, 107, 237, .18);
    --c-sb-border:      rgba(255,255,255,.05);

    /* ---- Tipografía ---- */
    --ff:               'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Open Sans', sans-serif;
    --fs-xs:            11px;
    --fs-sm:            13px;
    --fs-base:          14px;
    --fs-md:            15px;
    --fs-lg:            17px;
    --fs-xl:            20px;
    --fs-2xl:           24px;
    --fs-3xl:           30px;

    --fw-regular:       400;
    --fw-medium:        500;
    --fw-semibold:      600;
    --fw-bold:          700;

    /* ---- Spacing ---- */
    --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
    --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;

    /* ---- Radios ---- */
    --r-sm: 6px;
    --r:    10px;
    --r-lg: 14px;
    --r-xl: 20px;
    --r-full: 9999px;

    /* ---- Sombras suaves (planas, sin "drama") ---- */
    --sh-xs: 0 1px 2px rgba(45, 55, 72, .05);
    --sh-sm: 0 2px 6px rgba(45, 55, 72, .06);
    --sh:    0 4px 14px rgba(45, 55, 72, .07);
    --sh-md: 0 8px 24px rgba(45, 55, 72, .08);
    --sh-lg: 0 20px 40px rgba(45, 55, 72, .10);

    /* ---- Layout ---- */
    --sidebar-w:     260px;
    --topbar-h:      64px;
    --content-max:   1400px;

    --transition-base: all .15s ease;
}