/* =========================================
   VERITY CRM — DESIGN TOKENS
   ========================================= */

:root {
    /* ===== BRAND COLORS ===== */
    --crm-primary: #2f8fbd;
    --crm-primary-dark: #2a4b74;
    --crm-primary-light: #4fb3e8;

    /* ===== GRADIENTS ===== */
    --crm-gradient: linear-gradient(
        135deg,
        var(--crm-primary-dark),
        var(--crm-primary)
    );

    --crm-gradient-soft: linear-gradient(
        135deg,
        var(--crm-primary),
        var(--crm-primary-light)
    );

    /* ===== BACKGROUNDS ===== */
    --crm-bg: #f8fafc;
    --crm-bg-soft: #111827;
    --crm-card-bg: #ffffff;

    /* ===== TEXT ===== */
    --crm-text: #0f172a;
    --crm-text-muted: #64748b;
    --crm-text-light: #94a3b8;
    --crm-text-inverse: #ffffff;

    /* ===== BORDERS ===== */
    --crm-border: #e5e7eb;
    --crm-border-soft: #f1f5f9;

    /* ===== STATUS ===== */
    --crm-success: #10b981;
    --crm-warning: #f59e0b;
    --crm-danger: #ef4444;
    --crm-info: #0ea5e9;

    /* ===== SIDEBAR ===== */
    --crm-sidebar-bg: #0f172a;
    --crm-sidebar-hover: #1e293b;
    --crm-sidebar-active: var(--crm-primary);

    /* ===== SHADOWS ===== */
    --crm-shadow-sm: 0 2px 6px rgba(15, 23, 42, 0.06);
    --crm-shadow-md: 0 10px 25px rgba(15, 23, 42, 0.08);
    --crm-shadow-lg: 0 20px 40px rgba(15, 23, 42, 0.12);

    /* ===== RADIUS ===== */
    --crm-radius-sm: 6px;
    --crm-radius-md: 10px;
    --crm-radius-lg: 16px;

    /* ===== TRANSITION ===== */
    --crm-transition: all 0.25s ease;
}