/* theme.css */
:root {
  --bg: #f6f8fb;
  --surface: #ffffff;
  --surface-soft: #eef3f8;
  --text: #17212b;
  --muted: #607081;
  --border: #d9e2ec;
  --accent: #0f766e;
  --accent-dark: #115e59;
  --linkedin: #0a66c2;
  --github: #24292f;
  --email: #7a4b2a;
  --shadow-sm: 0 10px 30px rgba(15, 23, 42, 0.06);
  --shadow-lg: 0 24px 60px rgba(15, 23, 42, 0.10);
  --radius-lg: 24px;
  --radius-md: 18px;
  --max: 1120px;
}


/* backgrounds */
body {
  color: var(--text);
  background:
    radial-gradient(circle at top left, rgba(15, 118, 110, 0.08), transparent 30%),
    linear-gradient(180deg, #fcfdff 0%, var(--bg) 100%);
}