:root {
  --text-primary: #111827;
  --text-secondary: #4B5563;
  --text-tertiary: #6B7280;
  --text-muted: #9CA3AF;
  --text-subtle: #D1D5DB;
  --text-inverse: #FAFAFA;
  --text-brand: #1C3745;
  --text-accent: #B07A10;
  --text-link: #030712;
  --text-linkHover: #02060F;
  --text-success: #065F46;
  --text-warning: #92400E;
  --text-error: #A61B1D;
  --text-info: #1E2A9E;
  --surface-base: #FAFAFA;
  --surface-raised: #FFFFFF;
  --surface-sunken: #F5F5F4;
  --surface-subtle: #F9FAFB;
  --surface-muted: #F3F4F6;
  --surface-tertiary: #E7E5E4;
  --surface-overlay: rgba(17, 24, 39, 0.50);
  --surface-inverse: #111827;
  --surface-dark: #1F2937;
  --border-default: #E5E7EB;
  --border-secondary: #D1D5DB;
  --border-tertiary: #F3F4F6;
  --border-hover: #D1D5DB;
  --border-focus: #3C53FF;
  --border-focusBrand: #FC3638;
  --border-muted: #F3F4F6;
  --border-inverse: #374151;
  --action-primary-bg: #1C3745;
  --action-primary-bgHover: #182e3a;
  --action-primary-bgActive: #13252f;
  --action-primary-text: #FFFFFF;
  --action-primary-border: #1C3745;
  --action-primary-shadow: 0 4px 14px rgba(252, 54, 56, 0.25);
  --action-secondary-bg: #3C53FF;
  --action-secondary-bgHover: #2F42E6;
  --action-secondary-bgActive: #2534C4;
  --action-secondary-text: #FFFFFF;
  --action-secondary-border: #3C53FF;
  --action-secondary-shadow: 0 4px 14px rgba(60, 83, 255, 0.25);
  --action-tertiary-bg: transparent;
  --action-tertiary-bgHover: #F3F4F6;
  --action-tertiary-bgActive: #E5E7EB;
  --action-tertiary-text: #111827;
  --action-tertiary-border: #E5E7EB;
  --action-tertiary-shadow: none;
  --action-ghost-bg: transparent;
  --action-ghost-bgHover: rgba(252, 54, 56, 0.08);
  --action-ghost-bgActive: rgba(252, 54, 56, 0.12);
  --action-ghost-text: #FC3638;
  --action-ghost-border: transparent;
  --action-ghost-shadow: none;
  --action-danger-bg: #FC3638;
  --action-danger-bgHover: #E5282A;
  --action-danger-bgActive: #C92022;
  --action-danger-text: #FFFFFF;
  --action-danger-border: #FC3638;
  --action-danger-shadow: 0 4px 14px rgba(252, 54, 56, 0.25);
  --action-disabled-bg: #E5E7EB;
  --action-disabled-text: #9CA3AF;
  --action-disabled-border: #E5E7EB;
  --action-disabled-shadow: none;
  --status-success-DEFAULT: #10B981;
  --status-success-lighter: #ECFDF5;
  --status-success-light: #D1FAE5;
  --status-success-muted: #A7F3D0;
  --status-success-dark: #047857;
  --status-success-darker: #064E3B;
  --status-success-fg: #065F46;
  --status-success-hover: #059669;
  --status-success-subtle: rgba(16, 185, 129, 0.08);
  --status-warning-DEFAULT: #F59E0B;
  --status-warning-lighter: #FFFBEB;
  --status-warning-light: #FEF3C7;
  --status-warning-muted: #FDE68A;
  --status-warning-dark: #B45309;
  --status-warning-darker: #78350F;
  --status-warning-fg: #92400E;
  --status-warning-hover: #D97706;
  --status-warning-subtle: rgba(245, 158, 11, 0.08);
  --status-error-DEFAULT: #FC3638;
  --status-error-lighter: #FFF5F5;
  --status-error-light: #FFE3E3;
  --status-error-muted: #FFC9C9;
  --status-error-dark: #C92022;
  --status-error-darker: #821718;
  --status-error-fg: #A61B1D;
  --status-error-hover: #E5282A;
  --status-error-subtle: rgba(252, 54, 56, 0.08);
  --status-info-DEFAULT: #3C53FF;
  --status-info-lighter: #F0F3FF;
  --status-info-light: #E0E6FF;
  --status-info-muted: #C7D0FF;
  --status-info-dark: #2534C4;
  --status-info-darker: #182278;
  --status-info-fg: #1E2A9E;
  --status-info-hover: #2F42E6;
  --status-info-subtle: rgba(60, 83, 255, 0.08);
  --brand-DEFAULT: #1C3745;
  --brand-lighter: #f1f7f9;
  --brand-light: #e7f1f5;
  --brand-muted: #cce0ea;
  --brand-dark: #13252f;
  --brand-darker: #0a1419;
  --brand-hover: #182e3a;
  --brand-active: #0f1d24;
  --brand-subtle: rgba(252, 54, 56, 0.08);
  --accent-DEFAULT: #B07A10;
  --accent-lighter: #fdf8ee;
  --accent-light: #fdf4e4;
  --accent-muted: #faeac9;
  --accent-dark: #78530b;
  --accent-darker: #3f2c06;
  --accent-hover: #94660d;
  --accent-active: #5c3f08;
  --accent-subtle: rgba(60, 83, 255, 0.08);
  --overlay-DEFAULT: rgba(17, 24, 39, 0.50);
  --overlay-light: rgba(17, 24, 39, 0.25);
  --overlay-medium: rgba(17, 24, 39, 0.50);
  --overlay-heavy: rgba(17, 24, 39, 0.75);
  --overlay-black: rgba(0, 0, 0, 0.80);
  --focus-ringColor: #3C53FF;
  --focus-ringBrand: #FC3638;
  --focus-ringSuccess: #10B981;
  --focus-ringError: #FC3638;
  --focus-ringOffset: #FAFAFA;
  --focus-ringWidth: 2px;
  --focus-ringOffsetWidth: 2px;
  --focus-ringStyle: solid;
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-dropdown: 0 4px 6px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.04);
  --shadow-modal: 0 20px 25px rgba(0, 0, 0, 0.10), 0 8px 10px rgba(0, 0, 0, 0.04);
  --shadow-toast: 0 10px 15px rgba(0, 0, 0, 0.08), 0 4px 6px rgba(0, 0, 0, 0.04);
  --shadow-brand: 0 4px 14px rgba(252, 54, 56, 0.25);
  --shadow-accent: 0 4px 14px rgba(60, 83, 255, 0.25);
  --shadow-success: 0 4px 14px rgba(16, 185, 129, 0.25);
  --shadow-error: 0 4px 14px rgba(252, 54, 56, 0.25);
  --gradient-powerRed: linear-gradient(135deg, #FC3638 0%, #E5282A 100%);
  --gradient-energyOrange: linear-gradient(135deg, #FF8E3C 0%, #E67320 100%);
  --gradient-lavanda: linear-gradient(135deg, #773CFF 0%, #6229E6 100%);
  --gradient-oceanBlue: linear-gradient(135deg, #3C53FF 0%, #2F42E6 100%);
  --gradient-sunset: linear-gradient(135deg, #FC3638 0%, #FF8E3C 100%);
  --gradient-aurora: linear-gradient(135deg, #3C53FF 0%, #773CFF 100%);
  --gradient-fire: linear-gradient(135deg, #FF8E3C 0%, #FC3638 100%);
  --gradient-cosmic: linear-gradient(135deg, #773CFF 0%, #3C53FF 100%);
  --gradient-softRed: linear-gradient(135deg, #FFF5F5 0%, #FFE3E3 100%);
  --gradient-softBlue: linear-gradient(135deg, #F0F3FF 0%, #E0E6FF 100%);
  --gradient-softPurple: linear-gradient(135deg, #F8F5FF 0%, #F0E6FF 100%);
  --gradient-darkRed: linear-gradient(135deg, #C92022 0%, #821718 100%);
  --gradient-darkBlue: linear-gradient(135deg, #2534C4 0%, #182278 100%);
  --gradient-night: linear-gradient(135deg, #1F2937 0%, #111827 100%);
  --state-disabledOpacity: 0.5;
  --state-disabledCursor: not-allowed;
  --state-hoverOpacity: 0.9;
  --state-activeScale: 0.98;
  --state-focusVisible: 0 0 0 2px #FAFAFA, 0 0 0 4px #3C53FF;
  --motion-standard: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --motion-emphasized: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --motion-quick: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
  --motion-reducedMotion: all 0ms linear;
  --layout-headerHeight: 64px;
  --layout-sidebarWidth: 280px;
  --layout-sidebarCollapsed: 72px;
  --layout-contentMaxWidth: 1200px;
  --layout-pageGutter: 24px;
  --layout-pageGutterMobile: 16px;
  --container-xs: 480px;
  --container-sm: 640px;
  --container-md: 768px;
  --container-lg: 1024px;
  --container-xl: 1280px;
  --container-max: 1440px;
}