:root {
  --primary-color: #f6cc00;
  --primary-light: #fff8e1;
  --primary-dark: #e6b900;
  --secondary-color: #333333;
  --success-color: #28a745;
  --success-light: #e8f5e9;
  --danger-color: #dc3545;
  --danger-light: #ffebee;
  --text-color: #333333;
  --text-light: #757575;
  --background: #f8f8f8;
  --white: #ffffff;
  --border-color: #dee2e6;
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e9ecef;
  --gray-300: #dee2e6;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6c757d;
  --gray-700: #495057;
  --gray-800: #343a40;
  --gray-900: #212529;
  --border-radius-sm: 4px;
  --border-radius: 8px;
  --border-radius-lg: 12px;
  --box-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
  --box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  --box-shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.1);
  --transition: all 0.3s ease;
  --font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}