/* Generated by scripts/build.mjs from tokens/*.json. Do not edit. */
:root {
  color-scheme: light;
  --pl-color-bg-default: var(--pl-bg);
  --pl-color-bg-surface: var(--pl-surface);
  --pl-color-bg-subtle: var(--pl-surface-2);
  --pl-color-bg-hover: var(--pl-surface-3);
  --pl-color-bg-selected: var(--pl-accent-soft);
  --pl-color-text-default: var(--pl-ink);
  --pl-color-text-muted: var(--pl-ink-2);
  --pl-color-text-link: var(--pl-accent);
  --pl-color-text-on-action: var(--pl-primary-ink);
  --pl-color-text-danger: var(--pl-danger);
  --pl-color-text-success: var(--pl-ok);
  --pl-color-border-default: var(--pl-line-card);
  --pl-color-border-strong: var(--pl-line);
  --pl-color-action-bg: var(--pl-primary);
  --pl-color-action-bg-hover: var(--pl-primary-hover);
  --pl-color-action-danger-bg: var(--pl-danger);
  --pl-color-focus-ring: var(--pl-focus);
  --pl-elevation-sm: var(--pl-shadow-sm);
  --pl-elevation-md: var(--pl-shadow-md);
  --pl-space-1: var(--pl-u-1);
  --pl-space-2: var(--pl-u-2);
  --pl-space-3: var(--pl-u-3);
  --pl-space-4: var(--pl-u-4);
  --pl-space-5: var(--pl-u-5);
  --pl-space-6: var(--pl-u-6);
  --pl-space-8: var(--pl-u-8);
  --pl-radius-sm: var(--pl-r-xs);
  --pl-radius-md: var(--pl-r-control);
  --pl-radius-lg: var(--pl-r-card);
  --pl-radius-full: var(--pl-r-pill);
  --pl-size-control-height: var(--pl-control-h);
  --pl-font-display: var(--pl-font-sans);
  --pl-font-family-sans: var(--pl-font-sans);
  --pl-font-family-mono: var(--pl-font-mono);
  --pl-font-size-sm: 12px;
  --pl-font-size-md: 14px;
  --pl-font-size-lg: 16px;
  --pl-font-size-xl: 20px;
  --pl-font-size-2xl: 24px;
  --pl-font-weight-regular: 400;
  --pl-font-weight-medium: 500;
  --pl-font-weight-bold: 600;
  --pl-font-line-height-tight: 1.25;
  --pl-font-line-height-normal: 1.5;
  --pl-duration-fast: var(--pl-dur-fast);
  --pl-duration-base: var(--pl-dur);
  --pl-easing-standard: var(--pl-ease-out);
  --pl-u-1: 4px;
  --pl-u-2: 8px;
  --pl-u-3: 12px;
  --pl-u-4: 16px;
  --pl-u-5: 24px;
  --pl-u-6: 32px;
  --pl-u-7: 40px;
  --pl-u-8: 48px;
  --pl-u-9: 64px;
  --pl-u-10: 80px;
  --pl-u-11: 96px;
  --pl-u-12: 128px;
  --pl-space-page: 40px;
  --pl-space-section: 40px;
  --pl-space-card: 24px;
  --pl-space-grid: 16px;
  --pl-space-stack: 16px;
  --pl-space-inline: 8px;
  --pl-content-max: 1080px;
  --pl-settings-max: 640px;
  --pl-panel-inset: 8px;
  --pl-panel-topbar-h: 48px;
  --pl-row-h: 44px;
  --pl-row-h-lg: 52px;
  --pl-row-head-h: 32px;
  --pl-nav-w: 224px;
  --pl-nav-w-collapsed: 56px;
  --pl-nav-item-h: 30px;
  --pl-r-card: 12px;
  --pl-r-control: 8px;
  --pl-r-sm: 6px;
  --pl-r-xs: 4px;
  --pl-r-pill: 999px;
  --pl-control-h: 32px;
  --pl-control-h-sm: 28px;
  --pl-control-h-lg: 40px;
  --pl-icon-sm: 16px;
  --pl-icon-md: 18px;
  --pl-icon-stroke: 1.75;
  --pl-size-target-min: 24px;
  --pl-size-border-width: 1px;
  --pl-size-focus-ring-width: 2px;
  --pl-size-focus-ring-offset: 2px;
  --pl-rail-width: 70px;
  --pl-rail-width-strip: 70px;
  --pl-rail-top: 0px;
  --pl-rail-bar-h: 56px;
  --pl-rail-breakpoint: 1000px;
  --pl-ease-out: cubic-bezier(0.2, 0.7, 0.3, 1);
  --pl-dur-fast: 120ms;
  --pl-dur: 180ms;
  --pl-z-rail: 1000;
  --pl-z-popover: 1050;
  --pl-z-overlay: 1100;
  --pl-z-toast: 1200;
  --pl-zinc-0: #ffffff;
  --pl-zinc-25: #f8f8f9;
  --pl-zinc-50: #f4f4f5;
  --pl-zinc-75: #f1f1f3;
  --pl-zinc-150: #e4e4e7;
  --pl-zinc-300: #a1a1aa;
  --pl-zinc-500: #6b6b74;
  --pl-zinc-600: #52525b;
  --pl-zinc-700: #2a2a2e;
  --pl-zinc-800: #27272a;
  --pl-zinc-900: #18181b;
  --pl-night-0: #09090b;
  --pl-night-50: #111113;
  --pl-night-100: #161618;
  --pl-night-150: #1d1d21;
  --pl-night-200: #26262b;
  --pl-night-400: #4f4f57;
  --pl-night-500: #8a8a94;
  --pl-night-600: #a8a8b1;
  --pl-night-800: #e4e4e7;
  --pl-night-900: #f4f4f5;
  --pl-night-950: #ffffff;
  --pl-indigo-200: #a9a9fa;
  --pl-indigo-300: #9393f8;
  --pl-indigo-600: #5151cd;
  --pl-indigo-700: #4343b8;
  --pl-green-300: #4ade80;
  --pl-green-700: #116b32;
  --pl-amber-300: #fbbf24;
  --pl-amber-700: #984c00;
  --pl-red-300: #f87171;
  --pl-red-600: #bb2525;
  --pl-font-sans: "Golos Text", "Golos Text Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --pl-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
  --pl-font-features: "calt";
  --pl-type-display: 600 20px/28px var(--pl-font-sans);
  --pl-type-display-ls: -0.022em;
  --pl-type-number: 600 44px/48px var(--pl-font-sans);
  --pl-type-number-ls: -0.035em;
  --pl-type-number-sm: 600 28px/32px var(--pl-font-sans);
  --pl-type-title: 600 15px/22px var(--pl-font-sans);
  --pl-type-label: 600 13px/20px var(--pl-font-sans);
  --pl-type-subtitle: 600 13px/20px "Golos Text", "Golos Text Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --pl-type-body: 400 13px/20px var(--pl-font-sans);
  --pl-type-body-strong: 500 13px/20px var(--pl-font-sans);
  --pl-type-body-ls: -0.006em;
  --pl-type-small: 400 12.5px/18px var(--pl-font-sans);
  --pl-type-small-strong: 500 12.5px/18px var(--pl-font-sans);
  --pl-type-caption: 400 12px/16px var(--pl-font-sans);
  --pl-type-caption-strong: 500 12px/16px var(--pl-font-sans);
  --pl-type-micro: 500 11px/16px var(--pl-font-sans);
  --pl-type-eyebrow: 500 11px/16px "Golos Text", "Golos Text Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --pl-type-eyebrow-ls: 0.04em;
  --pl-type-mono: 400 12px/18px var(--pl-font-mono);
  --pl-bg-2: #ffffff;
  --pl-bg: #f4f4f5;
  --pl-page-bg: #ffffff;
  --pl-surface-2: #f8f8f9;
  --pl-surface-3: #f1f1f3;
  --pl-surface: #ffffff;
  --pl-overlay: rgba(24, 24, 27, 0.05);
  --pl-scrim: rgba(9, 9, 11, 0.40);
  --pl-ink-1: #27272a;
  --pl-ink-2: #52525b;
  --pl-ink-3: #6b6b74;
  --pl-ink-4: #a1a1aa;
  --pl-ink-5: #e4e4e7;
  --pl-ink: #18181b;
  --pl-line-soft: rgba(24, 24, 27, 0.07);
  --pl-line-card: rgba(24, 24, 27, 0.11);
  --pl-line: rgba(24, 24, 27, 0.52);
  --pl-line-strong: rgba(24, 24, 27, 0.70);
  --pl-accent: #5151cd;
  --pl-accent-hover: #4343b8;
  --pl-accent-strong: #4343b8;
  --pl-accent-text: var(--pl-accent-strong);
  --pl-accent-soft: rgba(81, 81, 205, 0.09);
  --pl-accent-ring: rgba(81, 81, 205, 0.35);
  --pl-accent-ink: #ffffff;
  --pl-accent-glow: rgba(81, 81, 205, 0.18);
  --pl-focus: var(--pl-accent);
  --pl-primary: #18181b;
  --pl-primary-hover: #2a2a2e;
  --pl-primary-ink: #ffffff;
  --pl-ok: #116b32;
  --pl-ok-soft: rgba(21, 127, 60, 0.10);
  --pl-warn: #984c00;
  --pl-warn-soft: rgba(163, 82, 0, 0.10);
  --pl-danger: #bb2525;
  --pl-danger-soft: rgba(198, 40, 40, 0.09);
  --pl-info: var(--pl-accent-strong);
  --pl-info-soft: var(--pl-accent-soft);
  --pl-shadow-xs: 0px 1px 0px 0px rgba(24, 24, 27, 0.04);
  --pl-shadow-sm: 0px 1px 2px 0px rgba(24, 24, 27, 0.06);
  --pl-shadow-md: 0px 0px 0px 1px rgba(24, 24, 27, 0.11), 0px 4px 12px -4px rgba(24, 24, 27, 0.10);
  --pl-shadow-lg: 0px 0px 0px 1px rgba(24, 24, 27, 0.11), 0px 16px 40px -12px rgba(24, 24, 27, 0.22);
  --pl-shadow-pop: 0px 0px 0px 1px rgba(24, 24, 27, 0.11), 0px 16px 40px -12px rgba(24, 24, 27, 0.22);
  --pl-shadow-panel: 0px 0px 0px 1px rgba(24, 24, 27, 0.07), 0px 1px 2px 0px rgba(24, 24, 27, 0.04), 0px 4px 16px -8px rgba(24, 24, 27, 0.06);
  --pl-shadow-raised: 0px 0px 0px 1px rgba(24, 24, 27, 0.11), 0px 1px 2px 0px rgba(24, 24, 27, 0.06);
  --pl-chevron: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='6'%20viewBox='0%200%2010%206'%3E%3Cpath%20d='M1%201.5%205%205%209%201.5'%20fill='none'%20stroke='%236b6b74'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media (max-width: 999.98px) {
  :root {
    --pl-type-number: 600 32px/36px var(--pl-font-sans);
    --pl-type-body: 400 14px/20px var(--pl-font-sans);
    --pl-type-body-strong: 500 14px/20px var(--pl-font-sans);
    --pl-space-page: 16px;
    --pl-space-section: 24px;
    --pl-space-card: 16px;
    --pl-space-grid: 12px;
    --pl-rail-width: 0px;
    --pl-rail-top: 56px;
  }
  /* The host draws its own mobile bar and opens the rail drawer itself (rail.open()). */
  :root[data-pl-rail-bar="none"] { --pl-rail-top: 0px; }
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --pl-bg-2: #111113;
    --pl-bg: #09090b;
    --pl-page-bg: #07080c;
    --pl-surface-2: #161618;
    --pl-surface-3: #1d1d21;
    --pl-surface: #111113;
    --pl-overlay: rgba(255, 255, 255, 0.06);
    --pl-scrim: rgba(0, 0, 0, 0.60);
    --pl-ink-1: #e4e4e7;
    --pl-ink-2: #a8a8b1;
    --pl-ink-3: #8a8a94;
    --pl-ink-4: #4f4f57;
    --pl-ink-5: #26262b;
    --pl-ink: #f4f4f5;
    --pl-line-soft: rgba(255, 255, 255, 0.065);
    --pl-line-card: rgba(255, 255, 255, 0.10);
    --pl-line: rgba(255, 255, 255, 0.38);
    --pl-line-strong: rgba(255, 255, 255, 0.56);
    --pl-accent: #9393f8;
    --pl-accent-hover: #a9a9fa;
    --pl-accent-strong: #a9a9fa;
    --pl-accent-text: var(--pl-accent-strong);
    --pl-accent-soft: rgba(147, 147, 248, 0.12);
    --pl-accent-ring: rgba(147, 147, 248, 0.45);
    --pl-accent-ink: #09090b;
    --pl-accent-glow: rgba(147, 147, 248, 0.28);
    --pl-focus: var(--pl-accent);
    --pl-primary: #f4f4f5;
    --pl-primary-hover: #ffffff;
    --pl-primary-ink: #09090b;
    --pl-ok: #4ade80;
    --pl-ok-soft: rgba(74, 222, 128, 0.12);
    --pl-warn: #fbbf24;
    --pl-warn-soft: rgba(251, 191, 36, 0.12);
    --pl-danger: #f87171;
    --pl-danger-soft: rgba(248, 113, 113, 0.12);
    --pl-info: var(--pl-accent-strong);
    --pl-info-soft: var(--pl-accent-soft);
    --pl-shadow-xs: 0px 1px 0px 0px rgba(0, 0, 0, 0.4);
    --pl-shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
    --pl-shadow-md: 0px 0px 0px 1px rgba(255, 255, 255, 0.10), 0px 4px 12px -4px rgba(0, 0, 0, 0.5);
    --pl-shadow-lg: 0px 0px 0px 1px rgba(255, 255, 255, 0.10), 0px 16px 40px -12px rgba(0, 0, 0, 0.7);
    --pl-shadow-pop: 0px 0px 0px 1px rgba(255, 255, 255, 0.10), 0px 16px 40px -12px rgba(0, 0, 0, 0.7);
    --pl-shadow-panel: 0px 0px 0px 1px rgba(255, 255, 255, 0.065), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.03);
    --pl-shadow-raised: 0px 0px 0px 1px rgba(255, 255, 255, 0.10);
    --pl-chevron: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='6'%20viewBox='0%200%2010%206'%3E%3Cpath%20d='M1%201.5%205%205%209%201.5'%20fill='none'%20stroke='%238a8a94'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --pl-bg-2: #111113;
  --pl-bg: #09090b;
  --pl-page-bg: #07080c;
  --pl-surface-2: #161618;
  --pl-surface-3: #1d1d21;
  --pl-surface: #111113;
  --pl-overlay: rgba(255, 255, 255, 0.06);
  --pl-scrim: rgba(0, 0, 0, 0.60);
  --pl-ink-1: #e4e4e7;
  --pl-ink-2: #a8a8b1;
  --pl-ink-3: #8a8a94;
  --pl-ink-4: #4f4f57;
  --pl-ink-5: #26262b;
  --pl-ink: #f4f4f5;
  --pl-line-soft: rgba(255, 255, 255, 0.065);
  --pl-line-card: rgba(255, 255, 255, 0.10);
  --pl-line: rgba(255, 255, 255, 0.38);
  --pl-line-strong: rgba(255, 255, 255, 0.56);
  --pl-accent: #9393f8;
  --pl-accent-hover: #a9a9fa;
  --pl-accent-strong: #a9a9fa;
  --pl-accent-text: var(--pl-accent-strong);
  --pl-accent-soft: rgba(147, 147, 248, 0.12);
  --pl-accent-ring: rgba(147, 147, 248, 0.45);
  --pl-accent-ink: #09090b;
  --pl-accent-glow: rgba(147, 147, 248, 0.28);
  --pl-focus: var(--pl-accent);
  --pl-primary: #f4f4f5;
  --pl-primary-hover: #ffffff;
  --pl-primary-ink: #09090b;
  --pl-ok: #4ade80;
  --pl-ok-soft: rgba(74, 222, 128, 0.12);
  --pl-warn: #fbbf24;
  --pl-warn-soft: rgba(251, 191, 36, 0.12);
  --pl-danger: #f87171;
  --pl-danger-soft: rgba(248, 113, 113, 0.12);
  --pl-info: var(--pl-accent-strong);
  --pl-info-soft: var(--pl-accent-soft);
  --pl-shadow-xs: 0px 1px 0px 0px rgba(0, 0, 0, 0.4);
  --pl-shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
  --pl-shadow-md: 0px 0px 0px 1px rgba(255, 255, 255, 0.10), 0px 4px 12px -4px rgba(0, 0, 0, 0.5);
  --pl-shadow-lg: 0px 0px 0px 1px rgba(255, 255, 255, 0.10), 0px 16px 40px -12px rgba(0, 0, 0, 0.7);
  --pl-shadow-pop: 0px 0px 0px 1px rgba(255, 255, 255, 0.10), 0px 16px 40px -12px rgba(0, 0, 0, 0.7);
  --pl-shadow-panel: 0px 0px 0px 1px rgba(255, 255, 255, 0.065), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.03);
  --pl-shadow-raised: 0px 0px 0px 1px rgba(255, 255, 255, 0.10);
  --pl-chevron: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='6'%20viewBox='0%200%2010%206'%3E%3Cpath%20d='M1%201.5%205%205%209%201.5'%20fill='none'%20stroke='%238a8a94'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}