:root {
    /* Brand / surfaces */
    --bg: #eef1f4;
    --surface: #ffffff;
    --toolbar-bg: #e4e9ee;
    --sidebar-bg: #33475b;
    --sidebar-bg-hover: #435b74;
    --sidebar-bg-active: #0a6ed1;
    --sidebar-text: #c7d1db;
    --sidebar-text-active: #ffffff;

    --card: #ffffff;

    /* Text */
    --text: #1a1a1a;
    --muted: #5b6b79;
    --border: #b9c2cb;
    --border-light: #d5dbe1;

    /* Brand accent */
    --primary: #0a6ed1;
    --primary-hover: #08519a;
    --primary-tint: #eaf2fb;

    /* Status */
    --ok: #1e7a34;
    --ok-tint: #e6f2e8;
    --warning: #935c00;
    --warning-tint: #fbf0dd;
    --danger: #b3261e;
    --danger-tint: #fbe7e6;

    /* Radius / shadow — flat, no rounding, no elevation */
    --radius-sm: 0px;
    --radius-lg: 0px;
    --shadow-sm: none;
    --shadow-md: none;

    /* Layout */
    --sidebar-width: 208px;
}