/* Design tokens for the standalone brand guide (public/brand.html). */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Manrope:wght@700;800&display=swap");

:root {
  /* Brand */
  --brand-anchor: #21443a;
  --brand-green: #2f6b54;
  --accent-warm: #e9883c;
  --leaf-soft: #dff0e6;

  /* Surfaces */
  --surface-cream: #f6efe3;
  --surface-card: #ffffff;
  --surface-sage: #e9ece6;

  /* Text */
  --ink: #21443a;
  --ink-body: #43483f;
  --ink-muted: #6b6f66;

  /* Semantic */
  --ok: #2f9e54;
  --ok-deep: #1f5a36;
  --danger: #d0473d;
  --danger-deep: #9e2f27;

  /* Type */
  --font-display: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --leading-body: 1.6;
  --leading-heading: 1.14;
  --tracking-display: -0.012em;
  --tracking-eyebrow: 0.08em;
  --text-sm: 14px;
  --text-lg: 19px;
  --text-2xl: 30px;
  --text-4xl: 48px;

  /* Shape & elevation */
  --radius-card: 24px;
  --radius-pill: 9999px;
  --shadow-card: 0 1px 2px rgba(33, 68, 58, 0.06), 0 6px 18px -10px rgba(33, 68, 58, 0.22);
}