:root {
    /* Primary Colors */
    --orange: #F4845F;
    --orange-light: #FFF0EB;
    --orange-soft: #FDCFBF;
    --orange-hover: #E06D47;

    --blue: #5B9BD5;
    --blue-light: #EBF3FB;
    --blue-soft: #B8D4EE;
    --blue-hover: #4A88C2;

    --white: #FFFFFF;
    --off-white: #FAFBFC;

    /* Neutrals */
    --gray-50: #F8F9FA;
    --gray-100: #F1F3F5;
    --gray-200: #E9ECEF;
    --gray-300: #DEE2E6;
    --gray-400: #CED4DA;
    --gray-500: #ADB5BD;
    --gray-600: #868E96;
    --gray-700: #495057;
    --gray-800: #343A40;
    --gray-900: #212529;

    /* Semantic */
    --success: #51CF66;
    --success-bg: #EBFBEE;
    --warning: #FCC419;
    --warning-bg: #FFF9DB;
    --danger: #FF6B6B;
    --danger-bg: #FFF5F5;
    --info: #5B9BD5;
    --info-bg: #EBF3FB;

    /* Layout */
    --sidebar-width: 260px;
    --topbar-height: 64px;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
    --shadow-lg: 0 8px 30px rgba(0,0,0,0.12);
    --shadow-card: 0 2px 8px rgba(0,0,0,0.06);

    /* Typography */
    --font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
    --text-xs: 0.75rem;
    --text-sm: 0.8125rem;
    --text-base: 0.9375rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 2rem;

    /* Transitions */
    --transition: 0.2s ease;
    --transition-slow: 0.35s ease;
}
