:root {
  /* Fonts */
  --font-display: 'Rajdhani', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Karla', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Brand colors */
  --primary: #1a5490;
  --primary-dark: #143f6d;
  --primary-light: #2874a6;
  --secondary: #ff6b35;

  /* Neutrals */
  --dark: #1d3a55;
  --light: #ecf0f1;
  --white: #ffffff;
  --black: #000000;

  /* Grays (keep the ones you actually use) */
  --gray-50: #f8f9fa;
  --gray-100: #f8f9fa;
  --gray-200: #dee2e6;
  --gray-300: #ced4da;
  --gray-400: #adb5bd;
  --gray-500: #6c757d;
  --gray-600: #495057;
  --gray-700: #343a40;
  --gray-800: #212529;
  --gray-900: #1b1f24;

  /* Spacing scale */
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  /* Radius */
  --radius: 8px;
  --radius-lg: 16px;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.10);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.15);

  /* Motion */
  --transition: 250ms cubic-bezier(0.4, 0, 0.2, 1);
}