:root {
  --ink: #011627;
  --ink-body: #2b3b4d;
  --ink-mid: #3c4c5c;
  --ink-soft: #5a6875;
  --ink-faint: #96a0ab;

  --bg: #f7f8f9;
  --bg-header: #f2f5f8;
  --bg-soft: #fafbfc;
  --white: #fff;

  --line-soft: #eaecef;
  --line: #dcdfe4;
  --line-input: #e0e3e7;
  --line-strong: #d3d8de;
  --line-hover: #c7cdd5;
  --line-hover-strong: #b3bac3;

  --blue: #2f6ba8;
  --blue-bright: #3d7fc1;
  --blue-dark: #275c92;
  --blue-darker: #1e4e7d;
  --blue-edge: #9cc2e5;
  --blue-line: #c9ddf0;
  --blue-tint: #e3edf8;
  --blue-tint-soft: #f2f7fc;
  --blue-tint-strong: #eaf3fb;
  --blue-tint-hover: #dcebf8;
  --blue-ghost-hover: #f1f8fd;
  --act-bg: #004e82;

  --amber: #ffbc0a;
  --amber-line: #f0d69a;
  --amber-tint: #fff7e2;
  --amber-tint-hover: #fff1cc;
  --amber-ink: #8a6410;

  --green: #34a05a;
  --green-line: #b7dcc4;
  --green-tint: #eef8f1;
  --green-tint-hover: #e1f2e7;
  --green-ink: #1f6b3c;

  --danger: #f55d3e;
  --danger-ink: #d8431f;
  --danger-edge: #e24a26;
  --danger-line: #f6d8d0;
  --danger-line-hover: #f5a692;
  --danger-tint: #fef3f0;
  --danger-field-line: #f0a78f;
  --danger-field-bg: #fef7f5;

  --off-bg: #f4f5f7;
  --off-line: #e4e7eb;
  --off-ink: #a6aeb9;

  --voice-ink: #d741a7;

  --frame-bg: #c7def4;
  --frame-line: #a5c9e9;
  --frame-empty-a: #f7f8f9;
  --frame-empty-b: #eef0f2;

  --seg-1: #4a9be0;
  --seg-2: #f0b429;
  --seg-3: #43b98a;
  --seg-4: #e0688c;
  --seg-5: #7b83e8;
  --seg-6: #ec8a4e;

  --font: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

  --fs-2xs: 10.5px;
  --fs-xs: 11.5px;
  --fs-sm: 12.5px;
  --fs-md: 13px;
  --fs-field: 13.5px;
  --fs-base: 14px;
  --fs-title: 15px;
  --fs-lg: 16px;
  --fs-head: 17px;
  --fs-xl: 24px;

  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --lh-tight: 1.2;
  --lh-snug: 1.45;
  --lh-base: 1.5;
  --lh-voice: 1.55;

  --tracking: 0.6px;
  --tracking-wide: 1.1px;
  --tracking-wider: 1.4px;
  --tracking-tight: -0.2px;

  --sp-1: 2px;
  --sp-2: 4px;
  --sp-3: 6px;
  --sp-4: 8px;
  --sp-5: 10px;
  --sp-6: 12px;
  --sp-7: 16px;
  --sp-8: 20px;
  --sp-9: 24px;
  --sp-10: 32px;

  --radius-xs: 4px;
  --radius-sm: 5px;
  --radius: 6px;
  --radius-md: 7px;
  --radius-lg: 10px;
  --radius-xl: 12px;

  --h-xs: 24px;
  --h-sm: 26px;
  --h-md: 32px;
  --h-field: 34px;
  --h-lg: 38px;

  --pad-btn: 14px;

  --frame-w: 224px;
  --frame-h: 126px;
  --frame-col: 248px;
  --frame-w-vertical: 124px;
  --frame-h-vertical: 220px;
  --frame-col-vertical: 148px;

  --transition: 0.12s;
  --transition-slow: 0.25s;

  --ring: 0 0 0 3px rgba(47, 107, 168, 0.1);
  --ring-soft: 0 0 0 3px rgba(47, 107, 168, 0.08);
  --ring-voice: 0 0 0 3px rgba(61, 127, 193, 0.16);
  --ring-danger: 0 0 0 3px rgba(245, 93, 62, 0.14);
  --shadow-modal: 0 20px 50px rgba(1, 22, 39, 0.16);
  --shadow-lg: 0 24px 60px rgba(1, 22, 39, 0.24);
  --shadow-toast: 0 8px 24px rgba(1, 22, 39, 0.2);
  --scrim: rgba(1, 22, 39, 0.42);
  --tooltip-bg: rgba(1, 22, 39, 0.82);

  --layer-columns: 20;
  --layer-toolbar: 21;
  --layer-header: 22;
  --layer-modal: 50;
  --layer-toast: 60;
}