/* skin: hiero (Hiero) — generated by @nascent/tokens, do not edit */
:root {
  --font-sans: 'Inter Tight Variable','Inter Tight','Inter',-apple-system,system-ui,sans-serif;
  --font-mono: 'JetBrains Mono Variable','JetBrains Mono','SF Mono',ui-monospace,monospace;
  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 10px;
  --r-xl: 14px;
  --mark-bg: linear-gradient(135deg,#00A8C2,#001113);
  --mark-fg: #EFEFEF;
  --mark-radius: 6px;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-7: 32px;
  --s-8: 40px;
  --s-9: 56px;
  --dur-fast: 120ms;
  --dur: 200ms;
  --dur-slow: 320ms;
  --ease: cubic-bezier(.2,.8,.2,1);
  --ease-inout: cubic-bezier(.65,.05,.36,1);
  --r-card: 10px;
  --r-pill: 999px;
  --shadow-xs: 0 1px 2px rgba(0,0,0,.04);
  --shadow-card: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px -12px rgba(0,0,0,.12);
  --shadow-pop: 0 2px 6px rgba(0,0,0,.08), 0 18px 40px -12px rgba(0,0,0,.20);
  --font: var(--font-sans);
  --color-text: var(--ink-900);
  --color-text-muted: var(--ink-700);
  --color-text-faint: var(--ink-500);
  --color-surface: var(--surface);
  --color-surface-2: var(--surface-2);
  --color-surface-sunk: var(--surface-sunk);
  --color-bg: var(--bg);
  --color-scrim: var(--scrim);
  --color-border: var(--line);
  --color-border-strong: var(--line-strong);
  --color-primary: var(--primary);
  --color-primary-hover: var(--primary-hover);
  --color-primary-ink: var(--primary-ink);
  --color-primary-text: var(--primary-soft-text);
  --color-success: var(--success);
  --color-error: var(--error);
  --color-warning: var(--warning);
  --color-info: var(--info);
  --color-success-text: var(--success-text);
  --color-error-text: var(--error-text);
  --color-warning-text: var(--warning-text);
  --color-info-text: var(--info-text);
  --color-side-bg: var(--side-bg);
  --color-side-surface: var(--side-surface);
  --color-side-line: var(--side-line);
  --color-side-ink: var(--side-ink);
  --color-side-ink-muted: var(--side-ink-muted);
  --color-side-ink-faint: var(--side-ink-faint);
  --color-side-active-bg: var(--side-active-bg);
  --color-side-active-ink: var(--side-active-ink);
  --color-top-bg: var(--top-bg);
  --color-top-line: var(--top-line);
  --color-top-ink: var(--top-ink);
  --color-top-ink-muted: var(--top-ink-muted);
  --color-top-ink-faint: var(--top-ink-muted);
  --color-top-active-ink: var(--primary);
  --radius-control: var(--r-sm);
  --radius-card: var(--r-lg);
  --radius-pill: var(--r-pill);
  --shadow-1: var(--shadow-xs);
  --shadow-2: var(--shadow-card);
  --shadow-3: var(--shadow-pop);
}
:root[data-theme="light"] {
  --bg: #FBFBFB;
  --surface: #ffffff;
  --surface-2: #F5F5F5;
  --surface-sunk: #EFEFEF;
  --ink-900: #001113;
  --ink-700: #282828;
  --ink-500: #4D4D4D;
  --ink-300: #A0A0A0;
  --line: #E6E6E6;
  --line-strong: #CFCFCF;
  --primary: #007A8D;
  --primary-hover: #006373;
  --primary-ink: #ffffff;
  --primary-soft: #E0F5F9;
  --primary-soft-text: #00636F;
  --success: #1f9d57;
  --success-bg: #e4f6ec;
  --success-text: #0f6a38;
  --error: #d43a1e;
  --error-bg: #fbe7e2;
  --error-text: #b22f17;
  --warning: #b07d00;
  --warning-bg: #fbf1d6;
  --warning-text: #7a5600;
  --info: #00799F;
  --info-bg: #E0F1F7;
  --info-text: #005E7C;
  --scrim: rgba(0,17,19,0.48);
  --ring: rgba(0,168,194,0.35);
  --side-bg: #ffffff;
  --side-surface: #F5F5F5;
  --side-line: #E6E6E6;
  --side-line-strong: #CFCFCF;
  --side-ink: #001113;
  --side-ink-muted: #4D4D4D;
  --side-ink-faint: #5E6B6D;
  --side-active-bg: #E0F5F9;
  --side-active-ink: #00636F;
  --side-hover-bg: #F5F5F5;
  --top-bg: #FBFBFB;
  --top-ink: #001113;
  --top-ink-muted: #4D4D4D;
  --top-line: #E6E6E6;
}
:root[data-theme="dark"] {
  --bg: #001113;
  --surface: #002227;
  --surface-2: #032B31;
  --surface-sunk: #000B0C;
  --ink-900: #EFEFEF;
  --ink-700: #B8C5C7;
  --ink-500: #8FA3A6;
  --ink-300: #54696C;
  --line: rgba(255,255,255,0.08);
  --line-strong: rgba(255,255,255,0.18);
  --primary: #00DFFF;
  --primary-hover: #66EAFF;
  --primary-ink: #001113;
  --primary-soft: rgba(0,223,255,0.14);
  --primary-soft-text: #7FEFFF;
  --success: #3fb873;
  --success-bg: rgba(63,184,115,0.16);
  --success-text: #76d3a0;
  --error: #cf3f24;
  --error-bg: rgba(232,90,64,0.16);
  --error-text: #f0917f;
  --warning: #d99b1c;
  --warning-bg: rgba(217,155,28,0.16);
  --warning-text: #e8c069;
  --info: #4FC3DE;
  --info-bg: rgba(79,195,222,0.16);
  --info-text: #9ADFF0;
  --scrim: rgba(0,0,0,0.62);
  --ring: rgba(0,223,255,0.4);
  --side-bg: #002227;
  --side-surface: #032B31;
  --side-line: rgba(255,255,255,0.08);
  --side-line-strong: rgba(255,255,255,0.16);
  --side-ink: #EFEFEF;
  --side-ink-muted: #8FA3A6;
  --side-ink-faint: #7E9296;
  --side-active-bg: rgba(0,223,255,0.16);
  --side-active-ink: #7FEFFF;
  --side-hover-bg: #032B31;
  --top-bg: #002227;
  --top-ink: #EFEFEF;
  --top-ink-muted: #8FA3A6;
  --top-line: rgba(255,255,255,0.08);
}
:root[data-chrome="contrast"] {
  --side-bg: #001E22;
  --side-surface: #00303A;
  --side-line: rgba(255,255,255,0.08);
  --side-line-strong: rgba(255,255,255,0.14);
  --side-ink: #EFEFEF;
  --side-ink-muted: #9BB5B9;
  --side-ink-faint: #7E9BA0;
  --side-active-bg: #00404B;
  --side-active-ink: #7FEFFF;
  --side-hover-bg: rgba(255,255,255,0.06);
}