/* Base — design tokens, reset, document defaults.
   Load first: everything else relies on these custom properties. */
:root {
  color-scheme: dark;       /* the site is dark by design — opt out of forced-light */
  --ink:        #e9dccb;   /* parchment text            */
  --ink-soft:   #b6a892;   /* secondary text            */
  --ash:        #7c7163;   /* muted labels              */
  --ember:      #e2562b;   /* primary ember accent      */
  --ember-lit:  #ff7a45;   /* brighter ember            */
  --bg:         #0c0a09;   /* warm near-black           */
  --bg-2:       #15110e;   /* raised surfaces           */
  --line:       #2b2420;   /* hairlines                 */
  --glow:       rgba(226, 86, 43, 0.16);
  --measure:    34rem;
  --display: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  --body:    "Spectral", "Iowan Old Style", Georgia, serif;
}

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

html { scroll-behavior: smooth; }

body {
  background: var(--bg);
  color: var(--ink);
  font-family: var(--body);
  font-weight: 400;
  line-height: 1.82;
  min-height: 100vh;
  overflow-x: hidden;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none; -moz-user-select: none; user-select: none;
  -webkit-touch-callout: none;
}
/* keep form fields editable/selectable */
input, textarea {
  -webkit-user-select: text; -moz-user-select: text; user-select: text;
}