/* Bradley Equity — shared tokens (all 3 directions) */
:root {
  /* palette */
  --forest-900: oklch(0.22 0.035 150);
  --forest-800: oklch(0.28 0.04 150);
  --forest-700: oklch(0.34 0.045 150);
  --forest-600: oklch(0.42 0.05 150);
  --cream-50:  oklch(0.97 0.012 85);
  --cream-100: oklch(0.95 0.015 85);
  --cream-200: oklch(0.92 0.018 82);
  --cream-300: oklch(0.87 0.02 82);
  --ink-900:   oklch(0.18 0.006 85);
  --ink-800:   oklch(0.26 0.006 85);
  --ink-600:   oklch(0.45 0.008 85);
  --ink-400:   oklch(0.62 0.008 85);
  --gold:      oklch(0.68 0.085 75);

  /* type */
  --serif: "Cormorant Garamond", "Tiempos", "GT Super", "Canela", Georgia, serif;
  --sans:  "Inter Tight", "Söhne", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --mono:  "JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* reset within artboards */
.be * { box-sizing: border-box; }
.be { font-family: var(--sans); color: var(--ink-900); line-height: 1.5; -webkit-font-smoothing: antialiased; }
.be h1, .be h2, .be h3, .be h4 { font-family: var(--serif); font-weight: 400; letter-spacing: -0.015em; line-height: 1.05; margin: 0; }
.be p { margin: 0; }
.be a { color: inherit; text-decoration: none; }
.be button { font-family: inherit; cursor: pointer; }
.be img { display: block; max-width: 100%; }

/* utility: eyebrow */
.be .eyebrow {
  font-family: var(--sans);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 500;
}
.be .mono { font-family: var(--mono); font-feature-settings: "tnum" 1; }
.be .rule { height: 1px; background: currentColor; opacity: 0.2; border: 0; }

/* scrollbar hide inside artboards */
.be::-webkit-scrollbar { display: none; }
.be { scrollbar-width: none; }