:root {
    --qiyada-purple: #2F2846;
    --qiyada-purple-dark: #1A1330;
    --qiyada-purple-deep: #171225;
    --qiyada-copper: #B86A3B;
    --qiyada-copper-dark: #914B1F;
    --qiyada-copper-soft: #F4E5DA;
    --qiyada-olive: #6E7F5E;
    --qiyada-olive-soft: #E8EEE3;
    --qiyada-beige: #D6C1A3;
    --qiyada-cream: #F7F3EC;
    --qiyada-cream-light: #FDF9F2;
    --qiyada-gray: #9A9EA6;
    --text-main: #1F1B2E;
    --text-muted: #6F6A7D;
    --primary: #B86A3B;
    --primary-deep: #914B1F;
    --muted: #6F6A7D;
    --border-light: #E7DFD4;
    --border-medium: #D6C1A3;
    --success: #6E7F5E;
    --success-soft: #E8EEE3;
    --warning: #D6A13A;
    --warning-soft: #FBF1D8;
    --danger: #B94A48;
    --danger-soft: #F8E2E1;
    --info: #5F718F;
    --info-soft: #E8EDF5;
    --bg-body: #F7F3EC;
    --bg-card: #FFFCF7;
    --bg-card-muted: #F8F2EA;
    --bg-sidebar: #2F2846;
    --bg-sidebar-active: #B86A3B;
    --radius-xs: 6px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 24px;
    --radius-2xl: 30px;
    --shadow-sm: 0 4px 12px rgba(47, 40, 70, 0.08);
    --shadow-md: 0 12px 30px rgba(47, 40, 70, 0.12);
    --shadow-lg: 0 24px 60px rgba(47, 40, 70, 0.18);
    --shadow-dark: 0 30px 70px rgba(26, 19, 48, 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;
}