/* Signo starter design tokens — generic names; values from the signo token SSOT.
   Type and semantic spacing tokens are continuous clamp() values; per-breakpoint
   overrides exist only for containers and compact-stack. One set of tokens, no
   namespace prefix. The SSOT stays authoritative during development. */
:root {
  --breakpoint-large: 63.25rem;
  --breakpoint-medium: 48rem;
  --breakpoint-small: 34rem;
  --breakpoint-xlarge: 80rem;
  --breakpoint-xsmall: 26.875rem;
  --breakpoint-xxlarge: 87.5rem;
  --color-action-on-primary: #F7F2E8;
  --color-action-on-secondary: #F7F2E8;
  --color-action-primary: #79492A;
  --color-action-primary-active: #4F2F1B;
  --color-action-primary-hover: #613A21;
  --color-action-secondary: #151527;
  --color-action-secondary-hover: #0B0B16;
  --color-alert-border-error: #B96A6A;
  --color-alert-border-info: #8F8FA3;
  --color-alert-border-success: #A9AA8A;
  --color-alert-border-warning: #C4AC8C;
  --color-alert-surface-error: #F9EEEE;
  --color-alert-surface-info: #EEEEF2;
  --color-alert-surface-success: #F1F2E4;
  --color-alert-surface-warning: #F7EFE3;
  --color-alert-text-error: #571B1B;
  --color-alert-text-info: #202030;
  --color-alert-text-success: #3C3F2A;
  --color-alert-text-warning: #52412E;
  --color-background-inverse: #151527;
  --color-background-page: #FAF5F0;
  --color-background-subtle: #F1EADC;
  --color-background-hidden: #CFCFCF;  /* editor denotation: hidden active category chip (neutral grey, 2026-09-10) */
  --color-background-surface: #FFFDF8;
  --color-base-100: #F1EADC;
  --color-base-200: #E4DAC7;
  --color-base-300: #D5C7AE;
  --color-base-50: #F7F2E8;
  --color-base-500: #A2947F;
  --color-base-700: #645D55;
  --color-base-900: #2E2E40;
  --color-base-950: #151527;
  --color-border-button-secondary: #8D7C69;
  --color-border-control: #8D7C69;
  --color-border-decorative: #CFC2B3;
  --color-brand-accent-100: #F7EAD2;
  --color-brand-accent-300: #E3C373;
  --color-brand-accent-500: #9A6D10;
  --color-brand-accent-800: #5C3F05;
  --color-brand-primary-100: #F0E0D4;
  --color-brand-primary-300: #A86A45;
  --color-brand-primary-500: #79492A;
  --color-brand-primary-800: #4A2C19;
  --color-brand-secondary-100: #E6E7D5;
  --color-brand-secondary-300: #9A9A76;
  --color-brand-secondary-500: #676647;
  --color-brand-secondary-800: #3C3F2A;
  --color-brand-tertiary-100: #ECDCEA;
  --color-brand-tertiary-300: #C793C0;
  --color-brand-tertiary-500: #6F2A68;
  --color-brand-tertiary-800: #451341;
  --color-button-primary: #79492A;
  --color-button-primary-active: #4F2F1B;
  --color-button-primary-hover: #613A21;
  --color-button-secondary: #151527;
  --color-button-secondary-hover: #0B0B16;
  --color-button-utility: #F1EADC;
  --color-button-utility-hover: #CFC2B3;
  --color-card: #FFFDF8;
  --color-card-action: #79492A;
  --color-card-border: #CFC2B3;
  --color-card-heading: #151527;
  --color-card-muted: #645D55;
  --color-card-text: #343447;
  --color-disabled-background: #E5DBC8;
  --color-disabled-text: #A09587;
  --color-elevation-overlay: #1515271F;
  --color-elevation-raised: #1515270F;
  --color-elevation-subtle: #15152708;
  --color-feedback-error-100: #F5E0E0;
  --color-feedback-error-500: #8E2F2F;
  --color-feedback-error-700: #6F2323;
  --color-feedback-error-900: #571B1B;
  --color-feedback-error-border: #B96A6A;
  --color-feedback-error-on-solid: #FFFDF8;
  --color-feedback-error-solid: #8E2F2F;
  --color-feedback-error-surface: #F9EEEE;
  --color-feedback-error-text: #571B1B;
  --color-feedback-info-100: #E6E6EA;
  --color-feedback-info-500: #343447;
  --color-feedback-info-700: #2A2A3B;
  --color-feedback-info-900: #202030;
  --color-feedback-info-border: #8F8FA3;
  --color-feedback-info-on-solid: #F7F2E8;
  --color-feedback-info-solid: #343447;
  --color-feedback-info-surface: #EEEEF2;
  --color-feedback-info-text: #202030;
  --color-feedback-success-100: #E9EAD9;
  --color-feedback-success-500: #676647;
  --color-feedback-success-700: #4D5035;
  --color-feedback-success-900: #3C3F2A;
  --color-feedback-success-border: #A9AA8A;
  --color-feedback-success-on-solid: #F7F2E8;
  --color-feedback-success-solid: #4D5035;
  --color-feedback-success-surface: #F1F2E4;
  --color-feedback-success-text: #3C3F2A;
  --color-feedback-warning-100: #F3E8D8;
  --color-feedback-warning-500: #8B7354;
  --color-feedback-warning-700: #6B563D;
  --color-feedback-warning-900: #52412E;
  --color-feedback-warning-border: #C4AC8C;
  --color-feedback-warning-on-solid: #FFFDF8;
  --color-feedback-warning-solid: #6B563D;
  --color-feedback-warning-surface: #F7EFE3;
  --color-feedback-warning-text: #52412E;
  --color-focus: #79492A;
  --color-input-background: #FFFDF8;
  --color-input-background-disabled: #E5DBC8;
  --color-input-border: #8D7C69;
  --color-input-border-disabled: #CFC2B3;
  --color-input-border-focus: #79492A;
  --color-input-border-invalid: #B96A6A;
  --color-input-placeholder: #645D55;
  --color-input-text: #151527;
  --color-neutral-100: #F2ECDF;
  --color-neutral-200: #E5DBC8;
  --color-neutral-300: #CFC2B3;
  --color-neutral-50: #FAF6EE;
  --color-neutral-500: #8D7C69;
  --color-neutral-700: #6B6157;
  --color-neutral-900: #3F3A34;
  --color-neutral-950: #26221E;
  --color-on-button-disabled: #A09587;
  --color-on-button-primary: #F7F2E8;
  --color-on-button-secondary: #F7F2E8;
  --color-on-button-utility: #151527;
  --color-text-default: #151527;
  --color-text-inverse: #FFFDF8;
  --color-text-muted: #645D55;
  --color-text-secondary: #343447;
  --font-body: Titillium Web;
  --font-display: Playfair Display;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --leading-label: 128.6%;
  --radius-button: 0.5rem;
  --radius-card: 0.5rem;
  --radius-card-component: 0.5rem;
  --radius-card-media: 0.5rem;
  --radius-control: 0.5rem;
  --radius-feature: 0.75rem;
  --radius-input: 0.5rem;
  --radius-none: 0px;
  --radius-pill: 9999px;
  --radius-small: 0.25rem;
  --spacing-12: 0.75rem;
  --spacing-128: 8rem;
  --spacing-16: 1rem;
  --spacing-20: 1.25rem;
  --spacing-24: 1.5rem;
  --spacing-32: 2rem;
  --spacing-4: 0.25rem;
  --spacing-40: 2.5rem;
  --spacing-48: 3rem;
  --spacing-64: 4rem;
  --spacing-8: 0.5rem;
  --spacing-80: 5rem;
  --spacing-96: 6rem;
  --spacing-button-gap: 0.5rem;
  --spacing-button-height: 2.75rem;
  --spacing-button-padding-x: 1.125rem;
  --spacing-control-minimum: 2.75rem;
  --spacing-input-height: 2.75rem;
  --spacing-input-padding: 0.6875rem;
  --text-label: 0.875rem;
  --tracking-default: 0em;
  --tracking-heading: -0.015em;
  --tracking-label: 0.04em;
  --container-narrow: 21.875rem;
  --container-page: 21.875rem;
  --container-reading: 21.875rem;
  --leading-body: calc(8px + 2.25ex);
  --leading-body-strong: calc(8px + 2.25ex);
  --leading-display: calc(6px + 2ex);
  --leading-h1: calc(6px + 2ex);
  --leading-h2: calc(6px + 2ex);
  --leading-h3: calc(6px + 2ex);
  --leading-h4: calc(6px + 2ex);
  --leading-h5: calc(6px + 2ex);
  --leading-h6: calc(6px + 2ex);
  --leading-intro: calc(8px + 2.25ex);
  --leading-navigation: 125%;
  --leading-price: calc(8px + 2.25ex);
  --leading-small: calc(8px + 2.25ex);
  --spacing-card-gap: clamp(8px, calc(6.2277px + 0.451vw), 12px);
  --spacing-card-padding: clamp(20px, calc(13.8271px + 1.5707vw), 33.9411px);
  --spacing-card-padding-component: clamp(20px, calc(13.8271px + 1.5707vw), 33.9411px);
  --spacing-compact-stack: 0.5rem;
  --spacing-content-stack: clamp(16px, calc(12.4555px + 0.9019vw), 24px);
  --spacing-grid-gap: clamp(12.8px, calc(10.9505px + 0.4706vw), 16.9706px);
  --spacing-heading-gap: clamp(32px, calc(24.911px + 1.8038vw), 48px);
  --spacing-page-gutter: clamp(20px, calc(2.2773px + 4.5096vw), 60px);
  --spacing-page-section: clamp(64px, calc(42.7328px + 5.4115vw), 112px);
  --spacing-paragraph: clamp(16px, calc(12.4555px + 0.9019vw), 24px);
  --spacing-section-internal: clamp(40px, calc(27.6543px + 3.1414vw), 67.8823px);
  --text-body: clamp(17px, calc(16.5569px + 0.1127vw), 18px);
  --text-body-strong: clamp(17px, calc(16.5569px + 0.1127vw), 18px);
  --text-display: clamp(48px, calc(33.8219px + 3.6077vw), 80px);
  --text-h1: clamp(39.0625px, calc(26.2934px + 3.2491vw), 67.8823px);
  --text-h2: clamp(31.25px, calc(23.8286px + 1.8884vw), 48px);
  --text-h3: clamp(25px, calc(21.0385px + 1.008vw), 33.9411px);
  --text-h4: clamp(20px, calc(18.2277px + 0.451vw), 24px);
  --text-h5: clamp(18px, calc(17.1139px + 0.2255vw), 20px);
  --text-h6: clamp(16px, calc(15.1139px + 0.2255vw), 18px);
  --text-intro: clamp(20px, calc(19.1139px + 0.2255vw), 22px);
  --text-navigation: 1rem;
  --text-price: clamp(17px, calc(16.5569px + 0.1127vw), 18px);
  --text-small: clamp(15px, calc(14.5569px + 0.1127vw), 16px);
}

@media (min-width: 48rem) {
  :root {
  --container-narrow: 44rem;
  --container-page: 44rem;
  --container-reading: 40rem;
  }
}

@media (min-width: 80rem) {
  :root {
  --container-narrow: 60rem;
  --container-page: 75rem;
  --container-reading: 45rem;
  --spacing-compact-stack: 0.75rem;
  }
}

/* WindPress/Tailwind v4 aliases. Canonical values live in --* above. */