:root {
    /* ==========================================
       MeetFlow Primary Colors
       ========================================== */

    --mf-primary: #2563eb;
    --mf-primary-hover: #1d4ed8;
    --mf-primary-light: #eff6ff;
    --mf-secondary: #64748b;
    --mf-secondary-hover: #475569;
    --mf-success: #16a34a;
    --mf-warning: #d97706;
    --mf-danger: #dc2626;
    --mf-info: #0891b2;
    /* ==========================================
       Background
       ========================================== */

    --mf-page-bg: #f8fafc;
    --mf-surface: #ffffff;
    /* ==========================================
       Text
       ========================================== */

    --mf-text: #1e293b;
    --mf-text-secondary: #475569;
    --mf-muted: #64748b;
    /* ==========================================
       Border
       ========================================== */

    --mf-border: #e2e8f0;
    --mf-border-dark: #cbd5e1;
    /* ==========================================
       Form
       ========================================== */

    --mf-input-bg: #ffffff;
    --mf-input-border: #cbd5e1;
    --mf-input-focus: #2563eb;
    /* ==========================================
       Radius
       ========================================== */

    --mf-radius-sm: 5px;
    --mf-radius: 8px;
    --mf-radius-lg: 12px;
    /* ==========================================
       Shadow
       ========================================== */

    --mf-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08);
    --mf-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
    --mf-shadow-lg: 0 10px 25px rgba(15, 23, 42, 0.10);
}