/* generated from mobile/src/theme/tokens.ts — do not edit */
/* Regenerate with `corepack pnpm run tokens:css` (mobile/scripts/tokens-css.mjs). Points become px for
   spacing, corners and borders, and rem (16px = 1rem) for text sizes and line heights. */
:root {
  /* Colour (§2) */
  --color-brand: #263746;
  --color-brand-pressed: #172836;
  --color-on-brand: #FCFAF5;
  --color-logo-house: #FFFFFF;
  --color-brand-text: #263746;
  --color-focus: #263746;
  --color-brand-soft: #E2E9EE;
  --color-canvas: #FCFAF5;
  --color-surface1: #FFFEFC;
  --color-surface2: #F6F2E9;
  --color-hairline: #DADBD9;
  --color-hairline-soft: #E7E7E4;
  --color-field-border: #6E7C88;
  --color-ink: #263746;
  --color-ink-muted: #51606D;
  --color-ink-subtle: #6E7C88;
  --color-disabled-text: #6E7C88;
  --color-disabled-fill: #F6F2E9;
  --color-disabled-border: #DADBD9;
  --color-danger: #B42318;
  --color-attention: #C86830;
  --color-attention-text: #A44C1E;
  --color-attention-soft: #F6E9DD;
  --color-illustration-line: #3A4A57;
  --color-track: #C4C7C7;

  /* Drawings (the `art` group) */
  --art-face-top: #FEFDFA;
  --art-face-front: #F2F0EA;
  --art-face-side: #D9E1E7;
  --art-room-back-wall: #F9F7F1;
  --art-room-left-wall: #E2E9EE;
  --art-room-floor: #F2E8DA;
  --art-line-cut: #667785;
  --art-line-secondary: #6E7C88;
  --art-line-pencil: #B5BFC7;
  --art-roof-side: #C9D3DB;
  --art-paper: #FFFEFC;
  --art-worktop-top: #DECEBC;
  --art-worktop-edge: #C7B4A0;
  --art-water: #C6E4F0;
  --art-lawn: #E9E2C2;
  --art-soil: #CDBF9A;
  --art-foliage-top: #9DB08F;
  --art-foliage-front: #869A79;
  --art-foliage-side: #748868;
  --art-season-sage-pale: #E4EADA;
  --art-season-sage: #C9D4BD;
  --art-season-blush: #F3E1E2;
  --art-season-straw: #EADDB2;

  /* Font families and their weights (§3) */
  --font-regular: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-regular-weight: 400;
  --font-medium: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-medium-weight: 500;
  --font-semibold: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-semibold-weight: 600;
  --font-display-bold: "Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display-bold-weight: 700;

  /* Text roles (§3): size and line height in rem, tracking in em */
  --text-page-title-size: 2rem;
  --text-page-title-line-height: 2.25rem;
  --text-page-title-family: var(--font-display-bold);
  --text-page-title-weight: var(--font-display-bold-weight);
  --text-page-title-tracking: -0.02em;
  --text-display-size: 1.5rem;
  --text-display-line-height: 1.875rem;
  --text-display-family: var(--font-display-bold);
  --text-display-weight: var(--font-display-bold-weight);
  --text-display-tracking: -0.015em;
  --text-title-size: 1.0625rem;
  --text-title-line-height: 1.375rem;
  --text-title-family: var(--font-display-bold);
  --text-title-weight: var(--font-display-bold-weight);
  --text-title-tracking: -0.01em;
  --text-body-size: 1.0625rem;
  --text-body-line-height: 1.5rem;
  --text-body-family: var(--font-regular);
  --text-body-weight: var(--font-regular-weight);
  --text-body-tracking: 0;
  --text-body-strong-size: 1.0625rem;
  --text-body-strong-line-height: 1.5rem;
  --text-body-strong-family: var(--font-medium);
  --text-body-strong-weight: var(--font-medium-weight);
  --text-body-strong-tracking: 0;
  --text-button-size: 0.9375rem;
  --text-button-line-height: 1.25rem;
  --text-button-family: var(--font-semibold);
  --text-button-weight: var(--font-semibold-weight);
  --text-button-tracking: 0;
  --text-button-form-size: 1.0625rem;
  --text-button-form-line-height: 1.375rem;
  --text-button-form-family: var(--font-semibold);
  --text-button-form-weight: var(--font-semibold-weight);
  --text-button-form-tracking: 0;
  --text-section-size: 0.9375rem;
  --text-section-line-height: 1.25rem;
  --text-section-family: var(--font-semibold);
  --text-section-weight: var(--font-semibold-weight);
  --text-section-tracking: 0;
  --text-secondary-size: 0.9375rem;
  --text-secondary-line-height: 1.3125rem;
  --text-secondary-family: var(--font-regular);
  --text-secondary-weight: var(--font-regular-weight);
  --text-secondary-tracking: 0;
  --text-secondary-strong-size: 0.9375rem;
  --text-secondary-strong-line-height: 1.3125rem;
  --text-secondary-strong-family: var(--font-medium);
  --text-secondary-strong-weight: var(--font-medium-weight);
  --text-secondary-strong-tracking: 0;
  --text-caption-size: 0.8125rem;
  --text-caption-line-height: 1.125rem;
  --text-caption-family: var(--font-regular);
  --text-caption-weight: var(--font-regular-weight);
  --text-caption-tracking: 0;
  --text-label-size: 0.8125rem;
  --text-label-line-height: 1.125rem;
  --text-label-family: var(--font-semibold);
  --text-label-weight: var(--font-semibold-weight);
  --text-label-tracking: 0;

  /* Spacing (§4) */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-xxl: 24px;
  --space-xxxl: 32px;
  --space-gutter: 20px;
  --space-stack: 12px;
  --space-row-y: 12px;
  --space-section: 32px;

  /* Corners (§4) */
  --radius-control: 4px;
  --radius-card: 10px;
  --radius-full: 9999px;

  /* Border widths (§4) */
  --border-hairline: 1px;
  --border-control: 1px;
  --border-outline: 1px;
  --border-emphasis: 2px;
  --border-rule: 1.5px;
  --border-status-bar: 3px;

  /* Motion (§4) */
  --motion-duration: 200ms;
  --motion-fade: 400ms;
  --motion-ping-rings: 600ms;

  /* Easing (§4) */
  --easing-calm: cubic-bezier(0.45, 0.05, 0.35, 1);
  --easing-ease: cubic-bezier(0.3, 0.7, 0.2, 1);

  /* Site: colour */
  --site-color-ground: #FCFAF5;
  --site-color-band: #F6F2E9;
  --site-color-raised: #FFFEFC;
  --site-color-ink: #263746;
  --site-color-ink-soft: #51606D;
  --site-color-on-ink: #FCFAF5;
  --site-color-logo-house: #FFFFFF;
  --site-color-rule: #DADBD9;
  --site-color-track: #C4C7C7;
  --site-color-copper: #C86830;
  --site-color-copper-ink: #A44C1E;
  --site-color-copper-wash: #F6E9DD;
  --site-color-draw-ink: #3A4A57;
  --site-color-draw-line: #6E7C88;
  --site-color-draw-pencil: #B5BFC7;
  --site-color-face-top: #FEFDFA;
  --site-color-face-left: #F2F0EA;
  --site-color-face-right: #D9E1E7;
  --site-color-wall: #F9F7F1;
  --site-color-wall-side: #E2E9EE;
  --site-color-floor: #F2E8DA;
  --site-color-cut: #667785;
  --site-color-paper: #FFFEFC;
  --site-color-base-front: #DBCFBF;
  --site-color-base-side: #C7B8A8;
  --site-color-pave: #F0ECE5;
  --site-color-worktop: #DECEBC;
  --site-color-worktop-front: #C7B4A0;
  --site-color-glass: #DFECDD;
  --site-color-glass-dark: #A6BBC8;
  --site-color-water: #C6E4F0;
  --site-color-screen: #D0E1E7;
  --site-color-rug: #EFD5C1;
  --site-color-sofa: #AAC1D2;
  --site-color-sofa-front: #8FA9BC;
  --site-color-sofa-side: #7D96A9;
  --site-color-shade: #F4E6CA;
  --site-color-void: #B4BFCA;
  --site-color-quilt: #EACAB1;
  --site-color-quilt-front: #DCB598;
  --site-color-quilt-side: #C9A287;
  --site-color-roof: #E1C4B3;
  --site-color-roof-side: #C1A495;
  --site-color-roof-line: #A07E6C;
  --site-color-roof-slip: #C59A84;
  --site-color-attic: #A4B0BA;
  --site-color-gutter: #7D8892;
  --site-color-gutter-inside: #5A656E;
  --site-color-pipe: #68737D;
  --site-color-copper-pipe: #D7B79E;
  --site-color-copper-pipe-side: #BD9D86;
  --site-color-duct: #D7DFE5;
  --site-color-duct-side: #BCC6CD;
  --site-color-part: #F6C6A6;
  --site-color-part-front: #EBA57B;
  --site-color-part-side: #D48053;
  --site-color-part-line: #986347;
  --site-color-sky: #FEF3E7;
  --site-color-lawn: #E9E2C2;
  --site-color-canopy: #D98854;
  --site-color-leaf: #D27830;
  --site-color-leaf-light: #D79F4C;
  --site-color-soil: #99816E;
  --site-color-trunk-side: #7B6452;
  --site-color-branch: #755E4C;
  --site-color-shrub: #7C9D74;
  --site-color-shrub-front: #64855D;
  --site-color-shrub-side: #537254;
  --site-color-flower: #F6A3AF;
  --site-color-flower-yellow: #F6D476;
  --site-color-blossom: #FFD8DD;
  --site-color-snow: #FBFEFF;
  --site-color-snow-line: #ACC1CF;
  --site-color-sun: #FADA99;

  /* Site: the garden month by month (1 = January) */
  --site-season-sky-1: #EDF6FC;
  --site-season-sky-2: #EBF6FC;
  --site-season-sky-3: #F2FAEA;
  --site-season-sky-4: #F5FAE8;
  --site-season-sky-5: #FAF9E5;
  --site-season-sky-6: #FEF8E2;
  --site-season-sky-7: #FFF7E2;
  --site-season-sky-8: #FFF7E3;
  --site-season-sky-9: #FFF5E5;
  --site-season-sky-10: #FFF3E3;
  --site-season-sky-11: #FEF3E7;
  --site-season-sky-12: #EDF6FC;
  --site-season-lawn-1: #D9ECED;
  --site-season-lawn-2: #D1E8DA;
  --site-season-lawn-3: #D0E6C5;
  --site-season-lawn-4: #CEE3BA;
  --site-season-lawn-5: #C8E1B1;
  --site-season-lawn-6: #D1E3B4;
  --site-season-lawn-7: #E0E2B5;
  --site-season-lawn-8: #EDE2B5;
  --site-season-lawn-9: #E0E2B8;
  --site-season-lawn-10: #E5DFBA;
  --site-season-lawn-11: #E9E2C4;
  --site-season-lawn-12: #DAECEB;
  --site-season-canopy-1: #D18C65;
  --site-season-canopy-2: #D18C65;
  --site-season-canopy-3: #AED09C;
  --site-season-canopy-4: #A1CC93;
  --site-season-canopy-5: #96BE8E;
  --site-season-canopy-6: #90B888;
  --site-season-canopy-7: #90B888;
  --site-season-canopy-8: #A2B87C;
  --site-season-canopy-9: #ACB16D;
  --site-season-canopy-10: #D6954A;
  --site-season-canopy-11: #D98854;
  --site-season-canopy-12: #D18C65;

  /* Site: text roles, sizes in rem (fluid ones as clamp), line height unitless, tracking in em */
  --site-text-headline-size: clamp(2.2rem, 3.728vw, 3.616rem);
  --site-text-headline-line-height: 1.02;
  --site-text-headline-family: var(--font-display-bold);
  --site-text-headline-weight: var(--font-display-bold-weight);
  --site-text-headline-tracking: -0.022em;
  --site-text-headline-tablet-size: clamp(2.2rem, 1rem + 3.4vw, 3.2rem);
  --site-text-headline-tablet-line-height: 1.02;
  --site-text-headline-tablet-family: var(--font-display-bold);
  --site-text-headline-tablet-weight: var(--font-display-bold-weight);
  --site-text-headline-tablet-tracking: -0.022em;
  --site-text-headline-phone-size: clamp(1.8rem, 0.9rem + 4.2vw, 2.3rem);
  --site-text-headline-phone-line-height: 1.02;
  --site-text-headline-phone-family: var(--font-display-bold);
  --site-text-headline-phone-weight: var(--font-display-bold-weight);
  --site-text-headline-phone-tracking: -0.022em;
  --site-text-section-size: clamp(1.9rem, 1rem + 2.4vw, 3.2rem);
  --site-text-section-line-height: 1.02;
  --site-text-section-family: var(--font-display-bold);
  --site-text-section-weight: var(--font-display-bold-weight);
  --site-text-section-tracking: -0.02em;
  --site-text-pilot-size: clamp(2.1rem, 1rem + 3.2vw, 4.2rem);
  --site-text-pilot-line-height: 1.02;
  --site-text-pilot-family: var(--font-display-bold);
  --site-text-pilot-weight: var(--font-display-bold-weight);
  --site-text-pilot-tracking: -0.02em;
  --site-text-mail-size: clamp(1.6rem, 1rem + 2vw, 2.6rem);
  --site-text-mail-line-height: 1.1;
  --site-text-mail-family: var(--font-display-bold);
  --site-text-mail-weight: var(--font-display-bold-weight);
  --site-text-mail-tracking: -0.015em;
  --site-text-step-size: clamp(1.5rem, 1rem + 1.2vw, 2.1rem);
  --site-text-step-line-height: 1.1;
  --site-text-step-family: var(--font-display-bold);
  --site-text-step-weight: var(--font-display-bold-weight);
  --site-text-step-tracking: -0.012em;
  --site-text-loop-size: 1.3rem;
  --site-text-loop-line-height: 1.15;
  --site-text-loop-family: var(--font-display-bold);
  --site-text-loop-weight: var(--font-display-bold-weight);
  --site-text-loop-tracking: -0.012em;
  --site-text-name-size: 1.15rem;
  --site-text-name-line-height: 1.2;
  --site-text-name-family: var(--font-display-bold);
  --site-text-name-weight: var(--font-display-bold-weight);
  --site-text-name-tracking: 0;
  --site-text-body-size: 1.0625rem;
  --site-text-body-line-height: 1.55;
  --site-text-body-family: var(--font-regular);
  --site-text-body-weight: var(--font-regular-weight);
  --site-text-body-tracking: 0;
  --site-text-body-compact-size: 1rem;
  --site-text-body-compact-line-height: 1.5;
  --site-text-body-compact-family: var(--font-regular);
  --site-text-body-compact-weight: var(--font-regular-weight);
  --site-text-body-compact-tracking: 0;
  --site-text-small-size: 0.9375rem;
  --site-text-small-line-height: 1.45;
  --site-text-small-family: var(--font-regular);
  --site-text-small-weight: var(--font-regular-weight);
  --site-text-small-tracking: 0;
  --site-text-note-size: 0.875rem;
  --site-text-note-line-height: 1.4;
  --site-text-note-family: var(--font-regular);
  --site-text-note-weight: var(--font-regular-weight);
  --site-text-note-tracking: 0;
  --site-text-fine-size: 0.8125rem;
  --site-text-fine-line-height: 1.35;
  --site-text-fine-family: var(--font-regular);
  --site-text-fine-weight: var(--font-regular-weight);
  --site-text-fine-tracking: 0;

  /* Site: spacing in px (fluid ones as clamp) */
  --site-space-gutter: clamp(16px, 4vw, 56px);
  --site-space-band: clamp(56px, 8vw, 112px);
  --site-space-pilot-band: clamp(64px, 10vw, 140px);
  --site-space-columns: clamp(24px, 5vw, 80px);
  --site-space-hero-columns: clamp(32px, 4vw, 72px);

  /* Site: the lock-up height */
  --site-logo-header: 35px;
  --site-logo-phone: 32px;
  --site-logo-footer: 25px;
}