/* Single source of truth for the public site, workspace and operations UI. */
@layer legacy;
html:root {
  color-scheme: light;
  --color-ink: #18181b;
  --color-secondary: #45454a;
  --color-muted: #68686e;
  --color-inverse: #ffffff;
  --color-page: #ffffff;
  --color-surface: #ffffff;
  --color-subtle: #f6f6f7;
  --color-selected: #f6f6f7;
  --color-border: #e4e4e7;
  --color-border-strong: #a1a1aa;
  --color-action: #18181b;
  --color-action-hover: #353539;
  --color-fire: #ed6041;
  --color-link-hover: #a53c25;
  --color-success: #316344;
  --color-success-bg: #eef6f0;
  --color-success-border: #c6ddcc;
  --color-danger: #a53624;
  --color-danger-bg: #fff0ed;
  --color-danger-border: #efc6be;
  --color-warning: #75510d;
  --color-warning-bg: #fbf7ed;
  --color-focus: #45454a;
  --color-control-border: #85858d;
  --color-disabled: #ededee;
  --control-font-size: 16px;
  --control-padding: calc((var(--control-height) - 26px) / 2) 12px;
  --form-height: 40px;
  --inline-height: 32px;
  --touch-target-size: 44px;
  --close-size: var(--touch-target-size);
  --choice-size: 18px;
  --text-size: 14px;
  --text-line: 22px;
  --help-size: 13px;
  --control-line: 24px;
  --textarea-height: 104px;
  --textarea-max-height: 360px;
  --multiselect-height: 160px;
  --choice-list-max-height: 360px;
  --dialog-width: 520px;
  --dialog-gutter: 16px;
  --dialog-padding: 20px;
  --radius-dialog: 8px;
  --radius-tag: 4px;
  --color-backdrop: #18181b88;
  --shadow-dialog: 0 24px 80px #18181b33;
  --layer-menu: 65;
  --layer-dialog: 1000;
  --layer-picker: 2000;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --picker-max-height: 340px;
  --picker-min-height: 80px;
  --picker-flip-height: 220px;
  --picker-min-width: 240px;
  --picker-gap: 6px;
  --color-overlay: #fffffff0;
  --shadow-soft: 0 8px 24px #18181b0c;
  --color-shadow-soft: #18181b0c;
  --color-shadow-faint: #18181b04;
  --font-sans: Inter, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  --radius: 6px;
  --radius-control: 6px;
  --space: 24px;
  --control-height: 36px;
  --panel-padding: 16px;
  --metric-size: 32px;
  --metric-line: 40px;
  --metric-detail-size: 18px;
  --heading-size: 24px;
  --heading-line: 32px;
  --display-size: 48px;
  --display-section-size: 30px;
  --shell-sidebar: 224px;
  --shell-header: 56px;
  --shell-content: 1216px;
  --shell-public: 1280px;
  --shell-gutter: 24px;
  --shell-top: 20px;
  --shell-nav-bg: #ffffff;
  --shell-nav-text: #68686e;
  --shell-nav-active: #f6f6f7;
  --wash: var(--color-subtle);
  --fire: var(--color-fire);
  --tint: var(--color-danger-bg);
  --ink: var(--color-ink);
  --muted: var(--color-muted);
  --line: var(--color-border);
  --paper: var(--color-page);
  --action: var(--color-action);
  --soft: var(--color-selected);
  --green: var(--color-success);
  --serif: var(--font-sans);
}

/* One density contract across public, account, workspace and admin shells. */
@media(max-width:800px),(pointer:coarse) {
  html:root {--control-height:var(--touch-target-size);--form-height:var(--touch-target-size);--inline-height:var(--touch-target-size)}
}
@media(max-width:800px) {html:root {--dialog-padding:16px;--shell-gutter:16px;--shell-top:16px;--display-size:32px;--display-section-size:24px}}