/* GENERATED FILE — DO NOT EDIT.
   Source: tokens/tokens.tokens.json
   Design-system version: 1.8.2 */
:root {
  --jl-color-canvas: #f2efe8;
  --jl-color-canvas-dot: rgba(23, 23, 20, 0.035);
  --jl-color-surface: #fbf8f2;
  --jl-color-surface-muted: #f6f2eb;
  --jl-color-surface-strong: #ece5da;
  --jl-color-surface-inverse: #171714;
  --jl-color-ink: #171714;
  --jl-color-text: #3f3d38;
  --jl-color-muted: #706b64;
  --jl-color-text-inverse: #f2efe8;
  --jl-color-muted-inverse: #c7c1b7;
  --jl-color-rule: rgba(23, 23, 20, 0.16);
  --jl-color-rule-strong: rgba(23, 23, 20, 0.28);
  --jl-color-rule-inverse: rgba(242, 239, 232, 0.28);
  --jl-color-overlay: rgba(23, 23, 20, 0.42);
  --jl-color-accent: #9f553e;
  --jl-color-accent-hover: #8f4d39;
  --jl-color-accent-active: #7f4231;
  --jl-color-accent-decorative: #a55d45;
  --jl-color-accent-soft: #d9b8a5;
  --jl-color-on-accent: #fffaf4;
  --jl-color-danger-hover: #87352f;
  --jl-color-danger-active: #742b27;
  --jl-color-placeholder: #777169;
  --jl-color-selection-background: #d9b8a5;
  --jl-color-selection-text: #171714;
  --jl-color-skeleton: #e5dfd5;
  --jl-color-focus-ring: #7c412f;
  --jl-color-focus-gap-light: #fbf8f2;
  --jl-color-focus-gap-dark: #171714;
  --jl-semantic-success-text: #2f6f54;
  --jl-semantic-success-surface: #e7f0ea;
  --jl-semantic-success-border: #63937e;
  --jl-semantic-warning-text: #7d541f;
  --jl-semantic-warning-surface: #f3eadc;
  --jl-semantic-warning-border: #a08158;
  --jl-semantic-danger-text: #9a4038;
  --jl-semantic-danger-surface: #f5e5e2;
  --jl-semantic-danger-border: #b6736d;
  --jl-semantic-info-text: #526f86;
  --jl-semantic-info-surface: #edf2f5;
  --jl-semantic-info-border: #778ea1;
  --jl-semantic-violet-text: #675773;
  --jl-semantic-violet-surface: #eee9f0;
  --jl-semantic-violet-border: #8e8197;
  --jl-font-ui: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --jl-font-editorial: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --jl-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --jl-type-display-size: clamp(3.5rem, 7vw, 7.6rem);
  --jl-type-display-leading: 0.9;
  --jl-type-page-title-size: clamp(2.5rem, 5vw, 4rem);
  --jl-type-section-size: clamp(2rem, 4vw, 3.4rem);
  --jl-type-card-title-size: clamp(1.15rem, 1.5vw, 1.5rem);
  --jl-type-body-large-size: clamp(1.05rem, 1.4vw, 1.25rem);
  --jl-type-body-size: 1rem;
  --jl-type-body-leading: 1.6;
  --jl-type-metadata-size: 0.82rem;
  --jl-type-eyebrow-size: 0.72rem;
  --jl-type-eyebrow-tracking: 0.14rem;
  --jl-space-1: 4px;
  --jl-space-2: 8px;
  --jl-space-3: 12px;
  --jl-space-4: 16px;
  --jl-space-6: 24px;
  --jl-space-8: 32px;
  --jl-space-12: 48px;
  --jl-space-16: 64px;
  --jl-space-24: 96px;
  --jl-space-32: 128px;
  --jl-radius-sm: 8px;
  --jl-radius-md: 12px;
  --jl-radius-lg: 18px;
  --jl-radius-xl: 24px;
  --jl-radius-pill: 999px;
  --jl-control-height-sm: 36px;
  --jl-control-height-md: 44px;
  --jl-control-height-lg: 52px;
  --jl-control-padding-inline: 16px;
  --jl-control-disabled-opacity: 0.48;
  --jl-layout-content-max: 1360px;
  --jl-layout-portfolio-max: 1328px;
  --jl-layout-reading-width: 72ch;
  --jl-layout-gutter: clamp(20px, 4vw, 52px);
  --jl-layout-section-gap: clamp(64px, 8vw, 128px);
  --jl-layout-panel-padding: clamp(20px, 3vw, 32px);
  --jl-layout-header-height: 82px;
  --jl-layout-sidebar-width: 238px;
  --jl-motion-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --jl-motion-fast: 160ms;
  --jl-motion-base: 240ms;
  --jl-motion-slow: 420ms;
  --jl-shadow-low: 0px 12px 32px 0px rgba(78, 55, 39, 0.06);
  --jl-shadow-high: 0px 28px 80px 0px rgba(78, 55, 39, 0.11);
  --jl-z-base: 0;
  --jl-z-sticky: 20;
  --jl-z-header: 30;
  --jl-z-menu: 60;
  --jl-z-dialog: 80;
  --jl-z-toast: 100;
  --jl-icon-sm: 16px;
  --jl-icon-md: 20px;
  --jl-icon-lg: 24px;
}