/* Base (reset + theme tokens) */
:root {
  --color-bg: #0f1115;
  --color-bg-alt: #161a20;
  --color-surface: #1a1f25; /* darkened from #1f252d */
  --color-surface-alt: #1f252d; /* previous surface in case needed */
  --color-border: #2c333d;
  --color-text: #eef2f5;
  --color-text-dim: #9aa4b1;
  --color-accent: #6366f1; /* indigo */
  --color-accent-alt: #8b5cf6; /* violet */
  --color-danger: #ef4444;
  /* Radius scale unified via --radius-ui; adjust here for global curvature */
  --radius-ui: 16px;
  --radius-pill: 999px;
  --radius-xs: var(--radius-ui);
  --radius-sm: var(--radius-ui);
  --radius-md: var(--radius-ui);
  --radius-lg: var(--radius-ui);
  --shadow-sm: 0 1px 2px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.02) inset;
  --shadow-md: 0 4px 12px -2px rgba(0,0,0,.55), 0 2px 4px -1px rgba(0,0,0,.4);
  --shadow-lg: 0 8px 28px -4px rgba(0,0,0,.55), 0 4px 12px -2px rgba(0,0,0,.45);
  --gradient-accent: linear-gradient(135deg,var(--color-accent), var(--color-accent-alt));
  --container-max: 1180px;
  --transition-fast: 120ms ease;
  --transition-med: 240ms cubic-bezier(.4,0,.2,1);
  --font-sans: 'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;

  /* Spacing scale (site-wide consistency) */
  --space-xs: .5rem;   /* 8px */
  --space-sm: .625rem; /* 10px */
  --space-md: .75rem;  /* 12px */
  --space-lg: .875rem; /* 14px */
  --space-xl: 1rem;    /* 16px */
}

* { box-sizing: border-box; }
html {
  scroll-behavior: smooth;
  scrollbar-width: none; /* Firefox */
}
html::-webkit-scrollbar { display: none; } /* Chrome / Safari / Edge */
body {
  margin: 0;
  font-family: var(--font-sans);
  background: radial-gradient(circle at 25% 15%, #1c2330, #0f1115 60%);
  color: var(--color-text);
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
}

img { max-width: 100%; display: block; }
/* Global rounding for common UI surfaces */
a, button, img, .card, .badge, .pill, .project-card .thumb, .contact-cta, .contact-form-wrapper, .about-grid .profile-frame, .hero-photo, .exercise-card, .video-ratio, .pd-scope-list li, .about-highlights li, .project-detail-figure img, .nav-toggle, .footer-social a {
  border-radius: var(--radius-ui);
}
a { color: var(--color-accent); text-decoration: none; }
a:hover, a:focus-visible { text-decoration: underline; }

h1,h2,h3,h4 { line-height: 1.15; font-weight: 600; letter-spacing: .5px; }
p { margin: 0 0 1rem; }

button { font-family: inherit; cursor: pointer; }
:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 3px; }

/* Utilities shared across components are in utilities.css */