/* Generated by scripts/build_web_brand.mjs. Edit brand/web/tokens.json. */
:root {
  --mapia-color-canvas: #F5F4F0;
  --mapia-color-surface: #FFFFFF;
  --mapia-color-surface-subtle: #F0F2EE;
  --mapia-color-surface-warm: #ECE8E1;
  --mapia-color-ink: #222622;
  --mapia-color-ink-soft: #626760;
  --mapia-color-ink-faint: #626760;
  --mapia-color-line: #D3D7D0;
  --mapia-color-line-strong: #B7BDB5;
  --mapia-color-primary: #234A3B;
  --mapia-color-primary-hover: #17392D;
  --mapia-color-primary-contrast: #FFFFFF;
  --mapia-color-gold: #B58B4D;
  --mapia-color-gold-text: #795B2F;
  --mapia-color-gold-soft: #D8C29C;
  --mapia-color-rose: #875057;
  --mapia-color-blue: #647E89;
  --mapia-color-success: #2F6B50;
  --mapia-color-danger: #9B3838;
  --mapia-color-focus: #0B6F9C;
  --mapia-color-scrim: rgba(24, 31, 27, 0.54);
  --mapia-font-display: "Newsreader", "Iowan Old Style", "Baskerville", Georgia, serif;
  --mapia-font-body: "Manrope", "Avenir Next", Avenir, Helvetica, Arial, sans-serif;
  --mapia-font-size-xs: 0.75rem;
  --mapia-font-size-sm: 0.875rem;
  --mapia-font-size-base: 1rem;
  --mapia-font-size-md: 1.125rem;
  --mapia-font-size-lg: 1.375rem;
  --mapia-font-size-xl: 1.75rem;
  --mapia-font-size-2xl: 2.25rem;
  --mapia-font-size-3xl: 3rem;
  --mapia-font-size-4xl: 4rem;
  --mapia-line-height-tight: 1.08;
  --mapia-line-height-heading: 1.16;
  --mapia-line-height-body: 1.58;
  --mapia-line-height-ui: 1.3;
  --mapia-font-weight-regular: 400;
  --mapia-font-weight-medium: 500;
  --mapia-font-weight-semibold: 600;
  --mapia-font-weight-bold: 700;
  --mapia-space-1: 0.25rem;
  --mapia-space-2: 0.5rem;
  --mapia-space-3: 0.75rem;
  --mapia-space-4: 1rem;
  --mapia-space-5: 1.25rem;
  --mapia-space-6: 1.5rem;
  --mapia-space-8: 2rem;
  --mapia-space-10: 2.5rem;
  --mapia-space-12: 3rem;
  --mapia-space-16: 4rem;
  --mapia-space-20: 5rem;
  --mapia-space-24: 6rem;
  --mapia-radius-sm: 2px;
  --mapia-radius-md: 4px;
  --mapia-radius-lg: 8px;
  --mapia-radius-round: 999px;
  --mapia-shadow-sm: 0 1px 3px rgba(34, 38, 34, 0.10);
  --mapia-shadow-md: 0 10px 28px rgba(34, 38, 34, 0.11);
  --mapia-shadow-focus: 0 0 0 3px rgba(11, 111, 156, 0.28);
  --mapia-layout-content: 74rem;
  --mapia-layout-text: 44rem;
  --mapia-layout-header: 4.75rem;
  --mapia-layout-control: 2.75rem;
  --paper: var(--mapia-color-canvas);
  --paper-strong: var(--mapia-color-surface);
  --ink: var(--mapia-color-ink);
  --muted: var(--mapia-color-ink-soft);
  --line: var(--mapia-color-line);
  --gold: var(--mapia-color-gold);
  --gold-dark: var(--mapia-color-primary);
  --sage: var(--mapia-color-blue);
  --sage-deep: var(--mapia-color-primary);
  --rose: var(--mapia-color-rose);
  --blue: var(--mapia-color-blue);
  --green: var(--mapia-color-primary);
  --red: var(--mapia-color-danger);
  --shadow: var(--mapia-shadow-md);
}