:root {

    /* Layout */
    --sidebar-width: 270px;

    /* Brand */
    --primary: #075fc8;
    --primary-dark: #05489b;

    /* Backgrounds */
    --bg: #f6f8fb;
    --surface: #ffffff;

    /* States */
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #dc2626;

    /* UI */
    --border: #dce3ec;
    --text: #111827;
    --muted: #6b7280;

    /* Interactive */
    --soft: #eef4ff;
    --hover: #eaf3ff;

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

    /* Shadows */
    --shadow-sm: 0 4px 12px rgba(15, 23, 42, 0.04);
    --shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    --shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.08);

    /* Typography */
    --font-family: 'Inter', sans-serif;
}