/* base.css
   Shared design tokens and typography for GANT Exchange.
   Keeping this consistent means every page built later drops
   into the same visual system without redesigning from scratch. */

:root {
  --ivory: #f9f7f3;
  --ivory-2: #f3f0e9;
  --ink: #111111;
  --ink-2: #333333;
  --ink-3: #666666;
  --deep: #062e21;
  --deep-2: #0c3b2a;
  --beige: #e9e3d5;
  --border: #e2e2e2;
  --container: 1120px;
  --radius: 14px;
  --font-serif: 'Cormorant Garamond', serif;
  --font-sans: 'IBM Plex Sans', sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body { max-width: 100%; overflow-x: hidden; }

body {
  font-family: var(--font-sans);
  background: var(--ivory);
  color: var(--ink);
  line-height: 1.7;
}

a { text-decoration: none; color: inherit; }
img { max-width: 100%; display: block; }

.container {
  width: min(var(--container), 94%);
  margin-inline: auto;
  padding-inline: 18px;
}

h1, h2, h3 {
  font-family: var(--font-serif);
  color: var(--deep);
  font-weight: 700;
}

p { color: var(--ink-2); }