:root {
  --velvet: #4a1e48;
  --velvet-dark: #2d102c;
  --green: #2e7d5a;
  --green-soft: #4baa7a;
  --gold: #c9a646;
  --gold-soft: #e5c76b;
  --cream: #f7f2e8;
  --ink: #1a1818;
  --muted: #6f6761;
  --panel: #fffdf9;
  --border: #e6dcc9;
  --white: #ffffff;

  --shadow-soft: 0 20px 50px rgba(45, 16, 44, 0.12);
  --shadow-card: 0 14px 30px rgba(45, 16, 44, 0.14);
  --radius-lg: 24px;
  --radius-md: 18px;
  --container: 1180px;
}

html { scroll-behavior: smooth; }

body {
  background:
    radial-gradient(circle at top left, rgba(201, 166, 70, 0.12), transparent 30%),
    radial-gradient(circle at top right, rgba(46, 125, 90, 0.12), transparent 30%),
    linear-gradient(180deg, #fffaf2 0%, #f7f2e8 100%);
  color: var(--ink);
  font-family: -apple-system, blinkmacsystemfont, "segoe ui", inter, helvetica, arial, sans-serif;
  line-height: 1.5;
}

.site-main { min-height: 70vh; }

.container {
  width: min(100% - 2rem, var(--container));
  margin-inline: auto;
}

h1, h2, h3 { line-height: 1.1; letter-spacing: -0.02em; }

h1 { font-size: clamp(2.4rem, 6vw, 5rem); font-weight: 800; }
h2 { font-size: clamp(1.9rem, 4vw, 3rem); font-weight: 750; }
h3 { font-size: 1.2rem; font-weight: 700; }

p { color: var(--muted); font-size: 1rem; }

.eyebrow {
  display: inline-block;
  margin-bottom: 0.9rem;
  color: var(--green);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}