/* Krown Design Manager — design tokens v2.7.0 (generated from the registry — do not edit) */

:root {
  --brand: #EC6A1E;
  --brand-press: #C9540F;
  --brand-tint: #FCEBDD;
  --brand-ink: #2A1606;
  --ink-900: #1B1A18;
  --ink-700: #3B3833;
  --ink-500: #6B6862;
  --ink-400: #8C887F;
  --ink-800: #322E29;
  --ink-inverse: #FFFFFF;
  --bg: #F6F5F1;
  --surface: #FFFFFF;
  --surface-2: #FBFAF7;
  --surface-3: #F1EFEA;
  --border: #E6E3DD;
  --border-strong: #D4D0C8;
  --ondark-line: #3A3833;
  --ondark-edge: #000000;
  --ondark-ink: #FFFFFF;
  --ondark-ink-2: #CFCCC4;
  --ondark-ink-dim: #B6B2A9;
  --ondark-ink-mute: #7D7A72;
  --ondark-hover: rgba(255,255,255,0.07);
  --ondark-active: rgba(255,255,255,0.11);
  --ok: #1E7A48;
  --ok-tint: #E3F2E9;
  --ok-tint-hover: #D6EBDD;
  --manual: #9A6608;
  --manual-tint: #FAEFD3;
  --manual-ink: #6B480A;
  --manual-line: #EAD49B;
  --block: #B42318;
  --block-tint: #FBE7E4;
  --block-ink: #7D1A12;
  --block-line: #E3B6B1;
  --skip: #6B6862;
  --skip-tint: #ECEAE4;
  --m-reviews: #2C7A6E;
  --m-reviews-tint: #E2F0ED;
  --m-photos: #6A53AE;
  --m-photos-tint: #ECE8F6;
  --m-translation: #A23E63;
  --m-translation-tint: #F6E6ED;
  --m-locations: #E0A100;
  --m-locations-tint: #FBF0CE;
  --m-updates: #9A5B2A;
  --m-updates-tint: #F3E9DF;
  --m-intake: var(--brand);
  --m-intake-tint: var(--brand-tint);
  --font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  --text-display: 48px;
  --lh-display: 50px;
  --text-page: 30px;
  --lh-page: 36px;
  --text-section: 19px;
  --lh-section: 25px;
  --text-card: 14px;
  --lh-card: 20px;
  --text-body: 14px;
  --lh-body: 21px;
  --text-sm: 13px;
  --lh-sm: 19px;
  --text-meta: 12px;
  --lh-meta: 16px;
  --text-micro: 11px;
  --lh-micro: 15px;
  --text-ui-lg: 15px;
  --w-regular: 400;
  --w-medium: 500;
  --w-semi: 600;
  --w-bold: 700;
  --w-heavy: 800;
  --track-label: 0.06em;
  --track-tight: -0.015em;
  --track-heavy: -0.02em;
  --space-05: 2px;
  --space-1: 4px;
  --space-15: 6px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-xs: 4px;
  --radius-sm: 9px;
  --radius-md: 13px;
  --radius-lg: 18px;
  --radius-pill: 999px;
  --border-w: 1px;
  --border-w-hairline: 0.5px;
  --border-w-focus: 2px;
  --size-header: 56px;
  --size-ctl: 34px;
  --size-ctl-sm: 28px;
  --size-tile: 26px;
  --size-sidenav: 232px;
  --shadow-sm: 0 1px 2px rgba(27,26,24,0.05);
  --shadow-md: 0 4px 12px rgba(27,26,24,0.10), 0 1px 3px rgba(27,26,24,0.06);
  --shadow-pop: 0 8px 28px rgba(27,26,24,0.16);
  --glass-bg: rgba(252,251,249,0.78);
  --glass-bg-solid: rgba(252,251,249,0.92);
  --glass-blur: 50px;
  --glass-saturate: 135%;
  --glass-border: rgba(255,255,255,0.6);
  --glass-hi: rgba(255,255,255,0.6);
  --glass-shadow: 0 1px 0 var(--glass-hi) inset, 0 16px 44px rgba(27,26,24,0.16), 0 2px 8px rgba(27,26,24,0.06);
  --glass-input-bg: rgba(255,255,255,0.62);
  --glass-input-bg-focus: rgba(255,255,255,0.92);
  --glass-input-line: rgba(27,26,24,0.12);
  --glass-inset-line: rgba(27,26,24,0.07);
  --glass-inset-bg: rgba(255,255,255,0.16);
  --z-shell: 100;
  --z-pop: 600;
  --z-overlay: 1000;
  --z-toast: 1400;
  --focus-ring: 0 0 0 2px var(--surface), 0 0 0 4px var(--brand);
  --ease-standard: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.64, 0, 0.78, 0);
  --ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --ease-settle: cubic-bezier(0.34, 1.40, 0.64, 1);
  --ease-glide: cubic-bezier(0.16, 1, 0.30, 1);
  --ease-smooth: cubic-bezier(0.45, 0, 0.55, 1);
  --dur-instant: 150ms;
  --dur-fast: 210ms;
  --dur-base: 280ms;
  --dur-slow: 400ms;
  --dur-morph: 520ms;
  --dur-tag: 700ms;
  --dur-page: 560ms;
  --dur-curve: 760ms;
  --dur-grow: 1100ms;
  --dur-roll: 1800ms;
  --dur-scroll-min: 520ms;
  --dur-scroll-max: 1100ms;
  --stagger: 55ms;
  --ease: var(--ease-standard);
  --dur: var(--dur-fast);
}

/* MOTION SPEED — one axis: time. Easing never changes; only how long a move takes. */

:root[data-motion='fast'] {
  --dur-instant: 70ms;
  --dur-fast: 90ms;
  --dur-base: 120ms;
  --dur-slow: 170ms;
  --dur-morph: 210ms;
  --dur-tag: 260ms;
  --dur-page: 200ms;
  --dur-curve: 300ms;
  --dur-grow: 420ms;
  --dur-roll: 720ms;
  --dur-scroll-min: 220ms;
  --dur-scroll-max: 420ms;
  --stagger: 20ms;
}

:root[data-motion='calm'] {
  --dur-instant: 240ms;
  --dur-fast: 340ms;
  --dur-base: 460ms;
  --dur-slow: 660ms;
  --dur-morph: 840ms;
  --dur-tag: 1120ms;
  --dur-page: 900ms;
  --dur-curve: 1180ms;
  --dur-grow: 1700ms;
  --dur-roll: 2900ms;
  --dur-scroll-min: 800ms;
  --dur-scroll-max: 1700ms;
  --stagger: 95ms;
}