:root {
  --font: 'Segoe UI', Roboto, sans-serif;
  --radius: 8px;
  --shadow: 0 4px 12px rgba(0, 0, 0, 0.06);

  /* Color system */
  --primary: #ff9800;
  --primary-hover: #fb8c00;
  --accent: #3f51b5;

  --text-color: #111;
  --background: #f5f5f5;

  --success: #4caf50;
  --danger: #f44336;
  --warning: #ffeb3b;
  --info: #2196f3;

  /* Color scales (gray) */
  --gray-100: #f8f9fa;
  --gray-200: #e9ecef;
  --gray-300: #dee2e6;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6c757d;
  --gray-700: #495057;
  --gray-800: #343a40;
  --gray-900: #212529;
}