/* Design tokens — match auraweb/auraweb.html lines 16-34 */
:root {
  --bg: #F7F5F0;
  --bg-alt: #EFEAE0;
  --bg-deep: #E8E4DC;
  --surface: #FFFFFF;

  --ink: #0E1118;
  --ink-soft: #6B6560;
  --ink-faint: #9C958D;

  --rule: rgba(14, 17, 24, 0.12);
  --rule-soft: rgba(14, 17, 24, 0.06);

  --accent: #8B6F4E;
  --gold: #8B6F4E;
  --gold-soft: #B89B74;
  --gold-pale: #E5D9C3;

  --sage: #5A9E6F;
  --warn: #C5982E;
  --danger: #C45B5B;
  --info: #5B8FB9;

  --shadow: 0 1px 2px rgba(14, 17, 24, 0.04), 0 8px 24px rgba(14, 17, 24, 0.06);
  --shadow-lg: 0 4px 12px rgba(14, 17, 24, 0.08), 0 16px 48px rgba(14, 17, 24, 0.10);
  --shadow-pop: 0 2px 6px rgba(14, 17, 24, 0.08), 0 12px 36px rgba(14, 17, 24, 0.12);

  --serif: 'Cormorant Garamond', 'Iowan Old Style', 'Palatino', Georgia, serif;
  --sans: 'DM Sans', ui-sans-serif, system-ui, sans-serif;

  --max: 1320px;
  --gutter: clamp(1.25rem, 4vw, 3rem);

  --topbar-h: 56px;
  --modulebar-h: 48px;
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 14px;

  --dur: 220ms;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 15px;
  line-height: 1.5;
  font-feature-settings: "kern", "liga", "ss01";
}

img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; background: none; border: 0; padding: 0; color: inherit; }
input, select, textarea { font: inherit; color: inherit; }

::selection { background: var(--ink); color: var(--bg); }

h1, h2, h3, h4 {
  font-family: var(--serif);
  font-weight: 400;
  letter-spacing: -0.012em;
  margin: 0;
  line-height: 1.15;
}

p { margin: 0; }

.label {
  font-family: var(--sans);
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ink-faint);
  font-weight: 500;
}

.mono {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}