/* Dreaming Arts — design tokens (see design_handoff_dreaming_arts/README.md) */
:root {
  --cream: #F5F0E7;
  --cream-raised: #F8F4EC;
  --sand: #EAE2D4;
  --sand-form: #F1EADD;
  --bark: #3A322C;
  --bark-deep: #2A2420;
  --bark-card: #463C34;
  --forest: #3C4A33;
  --gold: #D9A22B;
  --gold-hover: #EFC469;
  --gold-on-dark: #E6C98A;
  --ink: #2B2521;
  --body-light: #3E362F;
  --muted-light-1: #5C534B;
  --muted-light-2: #6E6257;
  --brown-link: #70543F;
  --brown-link-hover: #8A6A55;
  --ink-on-dark: #F7F3EB;
  --body-dark-1: #EDE4D6;
  --body-dark-2: #DED5C6;
  --muted-dark-1: #B9AE9E;
  --muted-dark-2: #C9B69B;
  --button-ink: #241E1A;
  --error: #9C4A28;
}

html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--cream);
  color: var(--ink);
  font-family: Karla, system-ui, sans-serif;
  text-wrap: pretty;
}
*, *::before, *::after { box-sizing: border-box; }
img { display: block; max-width: 100%; }
a { color: var(--gold); text-decoration: none; }
a:hover { color: var(--gold-hover); }
input, textarea, button { font: inherit; color: inherit; }
::placeholder { color: #9A9086; }
h1, h2, h3, h4, p, blockquote, figure, ul, ol { margin: 0; }
button { cursor: pointer; }

.eyebrow {
  margin: 0;
  font-family: Cinzel, serif;
  font-size: clamp(11px, 1.1vw, 13px);
  letter-spacing: 0.32em;
  text-transform: uppercase;
}