/* ══════════════════════════════════════
   base.css — Reset, variables, typography
   ══════════════════════════════════════ */

:root {
  --color-primary: #5c65f5;
  --color-primary-hover: #4a53e0;
  --color-primary-dark: #4449cf;
  --color-primary-darker: #3238b3;
  --color-text: #352E31;
  --color-text-secondary: #535356;
  --color-text-muted: #6b6b7a;
  --color-text-light: #7a7a8e;
  --color-bg-light: #f0f3ff;
  --color-bg-section: #eef0f8;
  --color-bg-card: #e8eaf6;
  --color-border: #DBE1FF;
  --color-border-light: #e8e8ef;
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --max-width: 1320px;
  --max-width-content: 1200px;
}

/* Reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: var(--font-family);
  color: var(--color-text);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
img { max-width: 100%; }
button { font-family: inherit; }