/* Tassix — generated from tokens.json */
:root, [data-theme="dark"] {
  --surface: #111114;
  --surface-raised: #1B1B21;
  --surface-sunken: #0A0A0C;
  --line: #2C2C35;
  --line-strong: #6E6D78;
  --ink: #F3F1EC;
  --ink-muted: #A09EA6;
  --amber: #FFD23F;
  --rose: #E11D5C;
  --on-amber: #111114;
  --on-rose: #FFFFFF;
  --accent-ink: #FFD23F;
  --rose-ink: #FF6E95;
  --amber-soft: #3A2E08;
  --selection: #3B1424;
  --success: #3DD68C;
  --danger: #FF6B5E;
  --axis-x: #FF5C6C;
  --axis-y: #63D471;
  --axis-z: #5C8DFF;
  --focus: var(--accent-ink);
}
[data-theme="light"] {
  --surface: #F7F6F2;
  --surface-raised: #FFFFFF;
  --surface-sunken: #ECEAE4;
  --line: #DAD7CF;
  --line-strong: #8E8B94;
  --ink: #111114;
  --ink-muted: #5B5962;
  --amber: #F2A900;
  --rose: #B8124A;
  --on-amber: #111114;
  --on-rose: #FFFFFF;
  --accent-ink: #8A5A00;
  --rose-ink: #B8124A;
  --amber-soft: #FFF3C9;
  --selection: #FBE3EA;
  --success: #11774A;
  --danger: #B42318;
  --axis-x: #C8283A;
  --axis-y: #2B8A3E;
  --axis-z: #2457D6;
  --focus: var(--accent-ink);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-none: 0px;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-full: 9999px;
  --stroke-hairline: 1px;
  --stroke-control: 1px;
  --stroke-icon: 1.5px;
  --stroke-mark: 7%;
  --font-display: Urbanist, "Segoe UI", system-ui, sans-serif;
  --font-sans: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
}
.display { font-family: var(--font-display); font-size: 56px; line-height: 56px; font-weight: 600; letter-spacing: -0.01em; }
.heading { font-family: var(--font-display); font-size: 28px; line-height: 34px; font-weight: 600; }
.title { font-family: var(--font-display); font-size: 18px; line-height: 24px; font-weight: 600; }
.body { font-family: var(--font-sans); font-size: 14px; line-height: 21px; font-weight: 400; }
.ui { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.ui-strong { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 600; }
.label { font-family: var(--font-sans); font-size: 11px; line-height: 14px; font-weight: 600; letter-spacing: 0.08em; }
.mono { font-family: var(--font-mono); font-size: 12px; line-height: 18px; font-weight: 400; }