/* Refined design tokens for a more premium engineering portfolio aesthetic. */
:root {
  --font-body: 'Inter', sans-serif;
  --font-heading: 'Manrope', sans-serif;

  --header-height: 76px;
  --transition: 0.22s ease;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --content-width: 1160px;
  --section-space: clamp(4rem, 7vw, 6.5rem);

  --bg-page: #f5f7fa;
  --bg-surface: #ffffff;
  --bg-surface-2: #f8fafc;
  --bg-surface-3: #eef2f6;

  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #66758a;
  --surface-inverse: #0f172a;
  --surface-inverse-text: #ffffff;

  --accent: #0f5bd8;
  --accent-hover: #0c4db8;
  --accent-subtle: #eef4ff;
  --accent-border: #cddcff;

  --border: #d9e1ea;
  --border-strong: #c4ceda;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04), 0 6px 18px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 8px 26px rgba(15, 23, 42, 0.07), 0 2px 6px rgba(15, 23, 42, 0.04);
  --shadow-lg: 0 18px 46px rgba(15, 23, 42, 0.1), 0 6px 18px rgba(15, 23, 42, 0.05);

  --green: #16a34a;
  --orange: #ea580c;
  --purple: #6d28d9;

  --gradient-hero: linear-gradient(135deg, #0f5bd8 0%, #3776ea 100%);
  --gradient-text: linear-gradient(135deg, #0f5bd8 0%, #3776ea 100%);
}

/* Dark mode preserved with the same calmer visual language. */
[data-theme="dark"] {
  --bg-page: #0b1220;
  --bg-surface: #111b2e;
  --bg-surface-2: #162338;
  --bg-surface-3: #1d2b43;

  --text-primary: #e8eef8;
  --text-secondary: #bcc8da;
  --text-muted: #8394ac;
  --surface-inverse: #e8eef8;
  --surface-inverse-text: #0b1220;

  --accent: #77a7ff;
  --accent-hover: #95bbff;
  --accent-subtle: rgba(64, 121, 233, 0.16);
  --accent-border: rgba(119, 167, 255, 0.26);

  --border: rgba(145, 163, 190, 0.2);
  --border-strong: rgba(145, 163, 190, 0.32);
  --shadow-sm: 0 2px 10px rgba(2, 6, 23, 0.28);
  --shadow-md: 0 10px 28px rgba(2, 6, 23, 0.34);
  --shadow-lg: 0 20px 52px rgba(2, 6, 23, 0.42);

  --gradient-hero: linear-gradient(135deg, #4b86ff 0%, #77a7ff 100%);
  --gradient-text: linear-gradient(135deg, #8bb5ff 0%, #c3d8ff 100%);
}