/* Wylde Systems Living Continuity Identity and Experience System — design tokens
   Version V5.3 · 2026-08-10
   Generated from wylde-systems.tokens.json. Do not edit by hand.
   No token name encodes a host-place name, offer name or retired term.
   All presentation-* type values sit at or above --presentation-min-text-size. */

:root {
  --color-primitive-warm-black: #1C1A17;
  --color-primitive-parchment: #F4EFE6;
  --color-primitive-warm-stone: #B9A68C;
  --color-primitive-eucalypt: #2E3A2F;
  --color-primitive-brass: #9A7B45;
  --color-primitive-ochre: #A8552E;
  --color-background-primary: #F4EFE6;
  --color-background-inverse: #1C1A17;
  --color-background-environmental: #2E3A2F;
  --color-background-secondary: #EDE7DB;
  --color-background-panel: #B9A68C;
  --color-background-raised: #FBF8F2;
  --color-text-primary: #1C1A17;
  --color-text-secondary: rgba(28,26,23,0.80);
  --color-text-tertiary: rgba(28,26,23,0.60);
  --color-text-on-inverse: #F4EFE6;
  --color-text-on-inverse-secondary: rgba(244,239,230,0.80);
  --color-text-on-inverse-tertiary: rgba(244,239,230,0.58);
  /* Brass is reserved for rules, borders, icons, large display accents and focus.
     Small functional text and links use Eucalypt on light and Warm Stone on dark. */
  --color-text-accent: #2E3A2F;
  --color-text-accent-on-inverse: #B9A68C;
  --color-display-accent: #9A7B45;
  --color-text-emphasis: #A8552E;
  --color-action-primary-bg: #1C1A17;
  --color-action-primary-text: #F4EFE6;
  --color-action-primary-bg-hover: #2E3A2F;
  --color-action-secondary-border: rgba(28,26,23,0.45);
  --color-action-secondary-text: #1C1A17;
  --color-action-on-inverse-bg: #F4EFE6;
  --color-action-on-inverse-text: #1C1A17;
  --color-action-on-inverse-bg-hover: #B9A68C;
  --color-border-subtle: rgba(28,26,23,0.13);
  --color-border-default: rgba(28,26,23,0.24);
  --color-border-strong: rgba(28,26,23,0.44);
  --color-border-accent: #9A7B45;
  --color-border-on-inverse: rgba(244,239,230,0.22);
  --color-border-on-inverse-strong: rgba(244,239,230,0.44);
  --color-state-focus: #9A7B45;
  --color-state-error: #A8552E;
  --color-state-success: #2E3A2F;
  --color-state-disabled-text: rgba(28,26,23,0.36);
  --color-state-required: #A8552E;
  --color-form-control-bg: transparent;
  --color-form-control-border: rgba(28,26,23,0.44);
  --color-form-control-border-hover: #1C1A17;
  --color-form-control-border-invalid: #A8552E;
  --color-form-control-text: #1C1A17;
  --color-form-placeholder: rgba(28,26,23,0.44);
  --color-form-group-bg: #EDE7DB;
  --color-form-legend-text: #1C1A17;
  --color-table-head-border: rgba(28,26,23,0.44);
  --color-table-row-border: rgba(28,26,23,0.13);
  --color-table-head-text: rgba(28,26,23,0.60);
  --color-table-cell-text: #1C1A17;
  --type-family-display: Fraunces, Georgia, 'Times New Roman', serif;
  --type-family-body: Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --type-family-label: 'Spline Sans Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --type-display-xlarge-size: clamp(2.75rem, 5.2vw, 4.25rem);
  --type-display-xlarge-line-height: 1.04;
  --type-display-xlarge-tracking: -0.015em;
  --type-display-xlarge-weight: 400;
  --type-display-large-size: clamp(2.25rem, 4vw, 3.25rem);
  --type-display-large-line-height: 1.06;
  --type-display-large-tracking: -0.01em;
  --type-display-large-weight: 400;
  --type-display-medium-size: clamp(1.875rem, 3vw, 2.5rem);
  --type-display-medium-line-height: 1.08;
  --type-display-medium-tracking: -0.01em;
  --type-display-medium-weight: 400;
  --type-display-small-size: clamp(1.375rem, 2vw, 1.75rem);
  --type-display-small-line-height: 1.14;
  --type-display-small-tracking: 0;
  --type-display-small-weight: 400;
  --type-body-large-size: 1.1875rem;
  --type-body-large-line-height: 1.65;
  --type-body-large-weight: 400;
  --type-body-medium-size: 1.0625rem;
  --type-body-medium-line-height: 1.62;
  --type-body-medium-weight: 400;
  --type-body-small-size: 1rem;
  --type-body-small-line-height: 1.58;
  --type-body-small-weight: 400;
  --type-label-standard-size: 0.8125rem;
  --type-label-standard-line-height: 1.4;
  --type-label-standard-tracking: 0.13em;
  --type-label-standard-weight: 500;
  --type-label-standard-transform: uppercase;
  --type-label-small-size: 0.75rem;
  --type-label-small-line-height: 1.35;
  --type-label-small-tracking: 0.12em;
  --type-label-small-weight: 500;
  --type-label-small-transform: uppercase;
  --type-max-line-length: 66ch;
  --space-3xs: 4px;
  --space-2xs: 8px;
  --space-xs: 12px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 44px;
  --space-2xl: 60px;
  --space-3xl: 80px;
  --space-4xl: 112px;
  --space-section-small: 60px;
  --space-section-medium: 88px;
  --space-section-large: 112px;
  --grid-columns: 12;
  --grid-gutter: 24px;
  --grid-container-max: 1400px;
  --grid-content-max: 1080px;
  --grid-text-max: 66ch;
  --breakpoint-sm: 480px;
  --breakpoint-md: 720px;
  --breakpoint-lg: 960px;
  --breakpoint-xl: 1280px;
  --breakpoint-2xl: 1440px;
  --radius-none: 0;
  --radius-pill: 999px;
  --radius-circle: 50%;
  --border-hairline: 1px;
  --border-rule: 1px;
  --border-emphasis: 2px;
  --shadow-none: none;
  --shadow-raised: 0 24px 80px rgba(0,0,0,0.42);
  --motion-duration-instant: 0ms;
  --motion-duration-fast: 170ms;
  --motion-duration-standard: 260ms;
  --motion-duration-slow: 520ms;
  --motion-duration-deliberate: 1400ms;
  --motion-easing-standard: cubic-bezier(0.22,0.61,0.36,1);
  --motion-easing-enter: cubic-bezier(0.16,1,0.3,1);
  --layer-base: 0;
  --layer-raised: 10;
  --layer-sticky: 50;
  --layer-overlay: 100;
  --layer-modal: 200;
  --opacity-disabled: 0.36;
  --opacity-muted: 0.6;
  --opacity-scrim: 0.76;
  --image-ratio-hero: 16 / 9;
  --image-ratio-landscape: 3 / 2;
  --image-ratio-portrait: 2 / 3;
  --image-ratio-square: 1 / 1;
  --image-ratio-panorama: 21 / 9;
  --icon-size-sm: 16px;
  --icon-size-md: 24px;
  --icon-size-lg: 32px;
  --icon-size-xl: 40px;
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
  --focus-ring-color: #9A7B45;
  --presentation-frame-width: 1920px;
  --presentation-frame-height: 1080px;
  --presentation-margin: 104px;
  --presentation-min-text-size: 24px;
  --presentation-title-size: 76px;
  --presentation-heading-size: 60px;
  --presentation-body-size: 27px;
  --presentation-label-size: 26px;
  --presentation-caption-size: 24px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-duration-fast: 0ms;
    --motion-duration-standard: 0ms;
    --motion-duration-slow: 0ms;
    --motion-duration-deliberate: 0ms;
  }
}