:root {
  --d-black: #111;
  --d-white: #fff;
  --d-accent: #c9a96e;
  --d-gray-50: #fafafa;
  --d-gray-100: #f5f5f5;
  --d-gray-200: #ececec;
  --d-gray-300: #e0e0e0;
  --d-gray-500: #777;
  --d-radius-sm: 8px;
  --d-radius-md: 12px;
  --d-radius-lg: 16px;
  --d-space-1: 4px;
  --d-space-2: 8px;
  --d-space-3: 12px;
  --d-space-4: 16px;
  --d-space-5: 20px;
  --d-space-6: 24px;
  --d-space-8: 32px;
  --d-space-10: 40px;
  --d-space-12: 48px;
  --d-font: 'Inter Tight', Inter, sans-serif;
}

* , *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--d-font);
  color: var(--d-black);
  background: var(--d-white);
  min-height: 100vh;
}
img { max-width: 100%; display: block; }
a { color: inherit; }

.d-shell-container {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: var(--d-space-6);
  padding-right: var(--d-space-6);
}

@media (max-width: 1199.98px) {
  .d-shell-container {
    max-width: 980px;
    padding-left: var(--d-space-5);
    padding-right: var(--d-space-5);
  }
}

@media (max-width: 809.98px) {
  .d-shell-container {
    max-width: none;
    padding-left: var(--d-space-4);
    padding-right: var(--d-space-4);
  }
}