:root {
    --brand-burgundy: #943837;
    --brand-orange: #F04C2D;
    --brand-khaki: #BEBEA6;
    --brand-chartreuse: #D2E281;
    --brand-teal: #438B76;
    --brand-sky-blue: #57A8DD;
    --brand-mauve: #847E93;
    --brand-lavender: #E2C7E0;
    --brand-black: #010101;
    --brand-white: #FFFFFF;
    --primary-color: #F04C2D;
    --primary-hover: #943837;
    --primary-dark: #943837;
    --folder-yellow: #D2E281;
    --sidebar-bg: #FCFCFD;
    --sidebar-text: #010101;
    --sidebar-active-bg: #010101;
    --sidebar-border: rgba(1, 1, 1, 0.08);
    --card-bg: #FFFFFF;
    --card-border: #BEBEA6;
    --card-radius: 12px;
    --input-radius: 12px;
    --btn-radius: 12px;
    --btn-bg: #F04C2D;
    --btn-hover-bg: #943837;
    --btn-text: #FFFFFF;
    --btn-outline: #F04C2D;
    --btn-outline-hover: #E2C7E0;
    --muted-text: #847E93;
    --table-header-bg: #F5F6FA;
    --table-border: #BEBEA6;
    --shadow: 0 2px 8px rgba(1, 1, 1, 0.06);
    --badge-blue: #57A8DD;
    --badge-green: #438B76;
    --badge-red: #943837;
    --badge-gray: #BEBEA6;
    --storage-bar-bg: #BEBEA6;
    --storage-bar-fill: linear-gradient(90deg, #010101 0%, #847E93 52%, #010101 100%);
    --gray-50: #F9FAFB;
    --gray-100: #F3F4F6;
    --gray-300: #BEBEA6;
    --success-color: #438B76;
    --warning-color: #D2E281;
    --danger-color: #943837;
    --info-color: #57A8DD;
    --secondary-color: #847E93;
    --storage-photos: #57A8DD;
    --storage-documents: #943837;
    --storage-sheets: #438B76;
    --storage-free: #847E93;
    --text-dark: #010101;
    --folder-yellow-light: #D2E281;
    --folder-yellow-light-opacity: rgba(210, 226, 129, 0.5);
    --pdf-red: #F04C2D;
    --bg-light-gray: #f8f9fa;
    --text-muted-dark: #847E93;
    --border-light: #BEBEA6;
    --border-light-gray: #E2C7E0;
    --bg-light: #f1f3f4;
    --text-gray: #847E93;
    --bg-white: #FFFFFF;
    --bg-light-yellow: #E2C7E0;
    --border-blue: #57A8DD;
    --text-success: #438B76;
    --text-warning: #D2E281;
    --text-danger: #943837;
    --bg-purple: #847E93;
    --bg-teal: #438B76;
    --text-purple: #847E93;
    --text-teal: #438B76;
    --alert-success-bg: rgba(67, 139, 118, 0.15);
    --alert-success-border: #438B76;
    --alert-success-text: #438B76;
    --alert-danger-bg: rgba(148, 56, 55, 0.15);
    --alert-danger-border: #943837;
    --alert-danger-text: #943837;
    --alert-info-bg: rgba(87, 168, 221, 0.15);
    --alert-info-border: #57A8DD;
    --alert-info-text: #57A8DD;
    --alert-warning-bg: rgba(210, 226, 129, 0.4);
    --alert-warning-border: #D2E281;
    --alert-warning-text: #438B76;
    --form-bg: #f8f9fa;
    --form-border: #BEBEA6;
    --form-text: #010101;
    --form-text-muted: #847E93;
    --btn-primary-bg: #F04C2D;
    --btn-primary-border: #F04C2D;
    --badge-info-bg: rgba(87, 168, 221, 0.2);
    --badge-info-text: #57A8DD;
    --font-family-sans: 'Fira Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-family-mono: 'JetBrains Mono', 'Fira Code', Consolas, monospace;
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}