:root {
  --color-primary: #ff7a00;
  --color-primary-dark: #d95f00;
  --color-secondary: #2d7ff9;
  --color-accent: #7c4dff;
  --color-text: #14213d;
  --color-text-muted: #5f6b7a;
  --color-bg: #fffaf5;
  --color-surface: #ffffff;
  --color-border: #e7e9ef;
  --shadow-sm: 0 8px 24px rgba(20, 33, 61, 0.08);
  --shadow-md: 0 16px 40px rgba(20, 33, 61, 0.12);
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 32px;
  --container: 1200px;
  --transition: 220ms ease;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: 'Inter', 'Segoe UI', Roboto, Arial, sans-serif;
  color: var(--color-text);
  background: var(--color-bg);
  line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, textarea { font: inherit; }
button { cursor: pointer; }
::selection { background: rgba(255, 122, 0, 0.2); }