:root {
  --bg-primary: #ffffff;
  --bg-secondary: #f8fafc;
  --bg-tertiary: #f1f5f9;
  --bg-card: #f8fafc;
  --bg-card-hover: #f1f5f9;
  --bg-card-featured: linear-gradient(135deg, #f5f5f7 0%, #e8e9ed 100%);
  --bg-dark: #1a1a2e;
  --bg-dark-card: rgba(255, 255, 255, 0.05);
  --bg-nav: rgba(255, 255, 255, 0.95);
  --bg-nav-mobile: rgba(255, 255, 255, 0.98);
  --bg-input: #ffffff;
  --bg-icon: #e8e9ed;
  --bg-contact-icon: #f0f1f4;

  --text-primary: #1a1a2e;
  --text-secondary: #4b5563;
  --text-muted: #6b7280;
  --text-faint: #9ca3af;
  --text-on-dark: #e5e7eb;
  --text-on-dark-muted: #b0b3c0;

  --accent: #585b70;
  --accent-hover: #464957;
  --accent-light: #7c8298;

  --border: #e5e7eb;
  --border-light: #f3f4f6;
  --border-dark: #2d2f42;

  --hero-gradient: linear-gradient(135deg, #f8fafc 0%, #e0e7ff 100%);
  --featured-gradient: linear-gradient(135deg, #f5f5f7 0%, #e8e9ed 100%);
  --accent-gradient: linear-gradient(135deg, #585b70 0%, #7c8298 100%);
  --dark-featured-gradient: linear-gradient(135deg, #232538 0%, #2d2f42 100%);

  --shadow: rgba(15, 23, 42, 0.08);
  --shadow-light: rgba(0, 0, 0, 0.05);
  --shadow-medium: rgba(0, 0, 0, 0.08);

  --success-bg: #edf7f1;
  --warn-bg: #fff7e8;
  --risk-bg: #fff0f0;
}