/* ===== CSS Custom Properties ===== */
:root {
  --color-bg: #ffffff;
  --color-text: #313131;
  --color-accent: #0693e3;
  --color-accent-hover: #057abf;
  --color-gray-bg: #f7f7f7;
  --color-dark-bg: #1a1a1a;
  --color-footer-text: #ccc;
  --color-secondary: #999;
  --color-body: #555;
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --section-padding: 100px;
  --content-max-width: 1400px;
}

/* ===== Reset & Base ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; }
body {
  font-family: var(--font-family);
  color: var(--color-text);
  background: var(--color-bg);
  line-height: 1.6;
  overflow-x: hidden;
}
a { text-decoration: none; color: inherit; transition: color 0.2s; }
ul { list-style: none; }
img { max-width: 100%; height: auto; display: block; }