:root {

    /* Brand */
    --primary: #2563EB;
    --primary-hover: #1D4ED8;

    /* Status */
    --success: #16A34A;
    --danger: #DC2626;
    --warning: #F59E0B;
    --info: #0EA5E9;

    /* Backgrounds */
    --body: #F5F7FB;
    --surface: #FFFFFF;
    --surface-hover: #F9FAFB;

    /* Text */
    --text: #111827;
    --text-light: #6B7280;

    /* Border */
    --border: #E5E7EB;

    /* Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;

    /* Layout */
    --sidebar-width: 270px;
    --header-height: 70px;

    /* Shadow */
    --shadow-sm: 0 2px 8px rgba(0,0,0,.05);
    --shadow-md: 0 8px 24px rgba(0,0,0,.08);

    /* Animation */
    --transition: .25s ease;
}