:root {
    --idara-purple: #0D1B2A;
    --idara-purple-dark: #08131f;
    --idara-purple-deep: #050d16;
    --idara-copper: #C89D5C;
    --idara-copper-dark: #a67f43;
    --idara-copper-soft: #f3e7d3;
    --idara-olive: #2E7D6E;
    --idara-olive-soft: #dcefe9;
    --idara-beige: #d8c19a;
    --idara-cream: #F2F4F7;
    --idara-cream-light: #fbfcfe;
    --idara-gray: #333B45;
    --text-main: #0f1b29;
    --text-muted: #5c6773;
    --primary: #C89D5C;
    --primary-deep: #a67f43;
    --muted: #5c6773;
    --border-light: #dfe5ec;
    --border-medium: #cbd6e2;
    --success: #2E7D6E;
    --success-soft: #dcefe9;
    --warning: #D6A13A;
    --warning-soft: #FBF1D8;
    --danger: #B94A48;
    --danger-soft: #F8E2E1;
    --info: #4f6f95;
    --info-soft: #e5edf7;
    --bg-body: #F2F4F7;
    --bg-card: #ffffff;
    --bg-card-muted: #f7f9fc;
    --bg-sidebar: #0D1B2A;
    --bg-sidebar-active: #C89D5C;
    --radius-xs: 6px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 24px;
    --radius-2xl: 30px;
    --shadow-sm: 0 4px 12px rgba(13, 27, 42, 0.08);
    --shadow-md: 0 12px 30px rgba(13, 27, 42, 0.12);
    --shadow-lg: 0 24px 60px rgba(13, 27, 42, 0.18);
    --shadow-dark: 0 30px 70px rgba(13, 27, 42, 0.24);
    --page-padding-desktop: 32px;
    --page-padding-tablet: 24px;
    --page-padding-mobile: 16px;
    --grid-gap: 24px;
    --transition-fast: 160ms ease-out;
    --transition-base: 220ms ease-out;
    --sidebar-width: 290px;
    --sidebar-collapsed-width: 104px;
    --topbar-height: 88px;
}