/* MiddleLeap Product — generated from tokens.json */
:root, [data-theme="light"] {
  --surface-page: #fcfbf8;
  --surface-card: #f5f3ee;
  --surface-tile: #eeebe4;
  --surface-field: #fcfbf8;
  --surface-hover: #e4e0d7;
  --surface-pressed: #bdb6aa;
  --surface-inverse: #1b1b1b;
  --text-strong: #1b1b1b;
  --text-body: #2b2925;
  --text-secondary: #4d4942;
  --text-muted: #5f5b54;
  --text-disabled: #a09a90;
  --text-placeholder: #5f5b54;
  --text-on-inverse: #ece9e1;
  --border-hairline: #d4cec2;
  --border-card: #d4cec2;
  --border-strong: #bdb6aa;
  --border-control: #7c776f;
  --border-interactive: #7c776f;
  --accent-fill: #e65c2d;
  --accent-fill-hover: #f0722e;
  --accent-mark: #ce451b;
  --accent-text: #a83614;
  --accent-text-hover: #8a2c0e;
  --accent-wash: #e65c2d24;
  --on-accent: #110d0a;
  --control-checked: #ce451b;
  --accent-on-inverse: #f0722e;
  --danger-fill: #b83434;
  --danger-fill-hover: #a32b2b;
  --ink-0: #fcfbf8;
  --ink-1: #f5f3ee;
  --ink-2: #eeebe4;
  --ink-3: #e4e0d7;
  --ink-4: #bdb6aa;
  --ink-border: #d4cec2;
  --bone-0: #1b1b1b;
  --bone-1: #2b2925;
  --bone-2: #4d4942;
  --bone-3: #5f5b54;
  --bone-4: #a09a90;
  --ember-300: #f58f55;
  --ember-400: #f0722e;
  --ember-500: #e65c2d;
  --ember-600: #ce451b;
  --ember-700: #a83614;
  --ember-800: #8a2c0e;
  --ember-dim: #e65c2d24;
  --on-ember: #110d0a;
  --ember-text: #a83614;
  --ember-hover: #8a2c0e;
  --ember-on-inverse: #f0722e;
  --mark-solid: #1b1b1b;
  --inverse-bg: #1b1b1b;
  --inverse-text: #ece9e1;
  --raised-bg: #1b1b1b;
  --raised-text: #ece9e1;
  --action-edge: #1b1b1b;
  --scrim: #1b1b1b80;
  --positive: #5fa671;
  --positive-dim: #5fa67124;
  --positive-text: #2b6742;
  --caution: #d9a03c;
  --caution-dim: #d9a03c24;
  --caution-text: #795710;
  --info: #5d8fa6;
  --info-dim: #5d8fa624;
  --info-text: #335f75;
  --critical: #d64545;
  --critical-dim: #d6454524;
  --critical-text: #9e2e2e;
  --danger-btn-bg: #b83434;
  --danger-btn-hover: #a32b2b;
  --on-danger: #ece9e1;
  --field-border: #7c776f;
  --focus-ring: #ce451b;
  --app-canvas: #fcfbf8;
  --app-card: #f5f3ee;
  --app-card-border: #d4cec2;
  --app-tile: #eeebe4;
  --rail-bg: #101010;
  --rail-mark: #dedbd4;
  --rail-item-active: #232321;
  --rail-text: #a8a59e;
  --rail-text-active: #ece9e1;
  --rail-heading: #87847d;
  --rail-divider: #33322f;
  --data-focus: #ce451b;
  --data-context-1: #1b1b1b;
  --data-context-2: #5f5b54;
  --data-context-3: #7c776f;
  --data-done: #2f7048;
  --data-wait: #d9a03c;
  --data-wait-edge: #7d5a11;
  --data-back: #b23434;
  --data-track: #bdb6aa;
  --shadow-1: 0 1px 2px #1b1b1b1f;
  --shadow-2: 0 8px 30px #1b1b1b1f;
  --shadow-ember: 0 4px 24px #e65c2d33;
}
[data-theme="dark"] {
  --surface-page: #080808;
  --surface-card: #181817;
  --surface-tile: #232321;
  --surface-field: #101010;
  --surface-hover: #33322f;
  --surface-pressed: #33322f;
  --surface-inverse: #dedbd4;
  --text-strong: #ece9e1;
  --text-body: #dedbd4;
  --text-secondary: #a8a59e;
  --text-muted: #87847d;
  --text-disabled: #4a4945;
  --text-placeholder: #87847d;
  --text-on-inverse: #1b1b1b;
  --border-hairline: #1e1e1c;
  --border-card: #45443f;
  --border-strong: #33322f;
  --border-control: #87847d;
  --border-interactive: #87847d;
  --accent-mark: #e65c2d;
  --accent-text: #f0722e;
  --accent-text-hover: #f58f55;
  --control-checked: #e65c2d;
  --accent-on-inverse: #a83614;
  --ink-0: #080808;
  --ink-1: #101010;
  --ink-2: #181817;
  --ink-3: #232321;
  --ink-4: #33322f;
  --ink-border: #1e1e1c;
  --bone-0: #ece9e1;
  --bone-1: #dedbd4;
  --bone-2: #a8a59e;
  --bone-3: #87847d;
  --bone-4: #4a4945;
  --ember-text: #f0722e;
  --ember-hover: #f58f55;
  --ember-on-inverse: #a83614;
  --mark-solid: #dedbd4;
  --inverse-bg: #dedbd4;
  --inverse-text: #1b1b1b;
  --raised-bg: #33322f;
  --action-edge: #5f5b54;
  --scrim: #00000099;
  --positive-text: #81b98f;
  --caution-text: #dca84c;
  --info-text: #87b0c3;
  --critical-text: #ec8a8a;
  --field-border: #87847d;
  --focus-ring: #e65c2d;
  --app-canvas: #080808;
  --app-card: #181817;
  --app-card-border: #45443f;
  --app-tile: #232321;
  --data-focus: #e65c2d;
  --data-context-1: #dedbd4;
  --data-context-2: #a8a59e;
  --data-context-3: #87847d;
  --data-done: #5fa671;
  --data-wait: #d9a03c40;
  --data-wait-edge: #d9a03c;
  --data-back: #e87474;
  --data-track: #4a4945;
  --shadow-1: 0 1px 2px #00000080;
  --shadow-2: 0 4px 16px #00000073;
  --shadow-ember: 0 4px 24px #e65c2d47;
}
:root {
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --r-ui: 0;
  --r-chip: 2px;
  --r-mark: 16%;
  --fs-hero: clamp(44px, 6vw, 76px);
  --fs-h1: clamp(32px, 4.4vw, 42px);
  --fs-h2: clamp(26px, 3.4vw, 30px);
  --fs-h3: 22px;
  --fs-verdict: 17px;
  --fs-stat: 24px;
  --fs-card-title: 17px;
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-small-ui: 13px;
  --fs-caption: 12.5px;
  --fs-ui: 12px;
  --fs-ui-small: 11px;
  --fs-ui-micro: 10px;
  --lh-tight: 1.08;
  --lh-head: 1.2;
  --lh-ui: 1.5;
  --lh-body: 1.6;
  --font-display: "Instrument Serif", Georgia, serif;
  --font-body: "DM Sans", Arial, sans-serif;
  --font-mono: "JetBrains Mono", monospace;
}
.hero { font-family: var(--font-display); font-size: 76px; line-height: 1.08; font-weight: 400; letter-spacing: -0.01em; }
.h1 { font-family: var(--font-display); font-size: 42px; line-height: 1.1; font-weight: 400; letter-spacing: -0.01em; }
.h2 { font-family: var(--font-display); font-size: 30px; line-height: 1.2; font-weight: 400; }
.h3 { font-family: var(--font-display); font-size: 22px; line-height: 1.2; font-weight: 400; }
.verdict { font-family: var(--font-body); font-size: 17px; line-height: 1.5; font-weight: 400; }
.stat { font-family: var(--font-body); font-size: 24px; line-height: 1.1; font-weight: 700; }
.card-title { font-family: var(--font-body); font-size: 17px; line-height: 1.3; font-weight: 600; }
.body { font-family: var(--font-body); font-size: 16px; line-height: 1.6; font-weight: 400; }
.body-ui { font-family: var(--font-body); font-size: 14px; line-height: 1.5; font-weight: 400; }
.small-ui { font-family: var(--font-body); font-size: 13px; line-height: 1.45; font-weight: 400; }
.caption { font-family: var(--font-body); font-size: 12.5px; line-height: 1.5; font-weight: 400; }
.ui { font-family: var(--font-mono); font-size: 12px; line-height: 1; font-weight: 500; letter-spacing: 0.08em; }
.eyebrow { font-family: var(--font-mono); font-size: 12px; line-height: 1; font-weight: 400; letter-spacing: 0.16em; }
.label { font-family: var(--font-mono); font-size: 11px; line-height: 1.2; font-weight: 400; letter-spacing: 0.08em; }
.micro { font-family: var(--font-mono); font-size: 10px; line-height: 1.4; font-weight: 400; letter-spacing: 0.08em; }