:root {
  --brand-bg: #BDC6C7;
  --brand-surface: #C7CFD1;
  --brand-primary: #1E1E1E;
  --brand-accent: #4C5C68;
  --brand-muted: #7C8A92;
  --brand-highlight: #D3DBDD;

  --radius-lg: 1rem;
  --radius-xl: 1.25rem;
  --shadow-soft: 0 8px 20px rgba(0,0,0,0.06);
  --transition-fast: 0.2s ease;
  --transition-medium: 0.4s ease;
}

* { box-sizing:border-box; margin:0; padding:0; }
html, body { height:100%; }
html { scroll-behavior:smooth; }

body {
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  background:var(--brand-bg);
  color:var(--brand-primary);
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}

img { max-width:100%; display:block; }
a { color:inherit; text-decoration:none; }
button { font-family:inherit; cursor:pointer; border:none; background:none; }

.container {
  max-width:1120px;
  margin:0 auto;
  padding:0 16px;
}

.page-shell { min-height:100vh; display:flex; flex-direction:column; }
main { flex:1; }