:root {
  --primary: #ff6b35;
  --primary-dark: #e55a2b;
  --primary-light: #ff8c5a;
  --secondary: #2ec4b6;
  --secondary-dark: #25a99d;
  --secondary-light: #4dd4c8;
  --dark: #1a1a2e;
  --dark-lighter: #2d2d44;
  --light: #f8f9fa;
  --gray: #6c757d;
  --gray-light: #e9ecef;
  --gray-lighter: #f1f3f5;
  --white: #ffffff;
  --danger: #dc3545;
  --success: #28a745;
  --warning: #ffc107;

  --gradient-bg: linear-gradient(135deg, #fff5f2 0%, #f0fffe 100%);
  --shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.15);
  --shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.15);

  --radius: 16px;
  --radius-sm: 8px;
  --radius-lg: 24px;
  --radius-full: 50px;

  --font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  --transition: all 0.3s ease;
  --container-width: 1200px;
}