:root {
    /* Colors */
    --color-primary: #2196F3;
    --color-primary-hover: #1976D2;
    --color-primary-tint: #e3f2fd;
    --color-primary-accent: #1e88e5;
    --color-primary-strong: #1565c0;
    --color-success: #4CAF50;
    --color-success-hover: #388E3C;
    --color-success-tint: #e8f5e8;
    --color-success-tint-light: #f1f8e9;
    --color-success-text: #2e7d32;
    --color-success-strong: #16a34a;
    --color-success-strong-hover: #15803d;
    --color-success-strong-active: #166534;
    --color-danger: #f44336;
    --color-danger-hover: #d32f2f;
    --color-danger-tint: #ffebee;
    --color-danger-fill: #ffcdd2;
    --color-danger-strong: #c62828;
    --color-warning: #ff9800;
    --color-warning-hover: #ff8f00;
    --color-warning-tint: #fff8e1;
    --color-warning-soft: #fff3e0;
    --color-warning-fill: #fef3c7;
    --color-warning-border: #ffa000;
    --color-warning-text: #e65100;
    --color-warning-text-dark: #92400e;
    --color-warning-text-strong: #b45309;
    --color-secondary: #757575;
    --color-secondary-hover: #616161;
    --color-text: #333;
    --color-text-secondary: #555;
    --color-text-muted: #666;
    --color-text-faint: #999;
    --color-text-inverse: #ffffff;
    --color-bg: #f5f5f5;
    --color-bg-muted: #f0f0f0;
    --color-bg-info: #f0f8ff;
    --color-surface: #ffffff;
    --color-border: #ddd;
    --color-border-light: #eee;
    --color-border-muted: #ccc;
    --color-border-info: #b3e5fc;
    --color-overlay: rgba(0,0,0,0.5);
    --color-shadow: rgba(0,0,0,0.1);
    --color-shadow-soft: rgba(0,0,0,0.12);
    --color-shadow-heavy: rgba(0,0,0,0.15);
    --color-shadow-strong: rgba(0,0,0,0.2);
    --color-shadow-hover: rgba(0,0,0,0.3);
    --color-black: #000;
    --color-toast-bg: #323232;
    --color-success-ring: rgba(76, 175, 80, 0.18);
    --color-danger-ring: rgba(244, 67, 54, 0.18);
    --color-surface-ring: rgba(255,255,255,.3);
    --color-surface-overlay: rgba(255, 255, 255, 0.25);
    --color-brown-700: #5d4037;
    --color-brown-800: #4e342e;
    --color-slate-50: #f1f5f9;
    --color-slate-200: #e2e8f0;
    --color-slate-400: #94a3b8;
    --color-slate-500: #64748b;
    --color-slate-600: #475569;
    --color-slate-900: #1e293b;

    /* Spacing */
    --space-2xs: 2px;
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 12px;
    --space-lg: 15px;
    --space-xl: 20px;
    --space-2xl: 30px;
    --space-3xl: 40px;

    /* Border Radius */
    --radius-xs: 2px;
    --radius-sm: 4px;
    --radius-control: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-chip: 10px;
    --radius-pill: 20px;
    --radius-circle: 50%;

    /* Typography */
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'Courier New', monospace;
    --font-mono-system: monospace;
    --font-size-2xs: 11px;
    --font-size-xs: 12px;
    --font-size-xs-plus: 13px;
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 20px;
    --font-size-3xl: 32px;
    --font-size-rem-2xs: 0.7rem;
    --font-size-rem-xs: 0.72rem;
    --font-size-rem-sm: 0.75rem;
    --font-size-rem-md: 0.8rem;
    --font-size-rem-lg: 0.85rem;
    --font-size-rem-xl: 0.9rem;
    --font-size-rem-2xl: 0.95rem;
    --font-size-em-sm: 0.9em;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --line-height: 1.6;

    /* Shadows */
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.1);
    --shadow-sm-strong: 0 2px 4px rgba(0,0,0,0.15);
    --shadow-sm-darker: 0 2px 4px rgba(0,0,0,0.2);
    --shadow-md: 0 4px 8px rgba(0,0,0,0.15);
    --shadow-md-darker: 0 4px 8px rgba(0,0,0,0.3);
    --shadow-lg: 0 4px 12px rgba(0,0,0,0.12);
    --shadow-inset: inset 0 2px 4px rgba(0,0,0,0.2);
    --shadow-success-ring: 0 0 0 4px rgba(76, 175, 80, 0.18);
    --shadow-danger-ring: 0 0 0 4px rgba(244, 67, 54, 0.18);

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
}