/* Original Skillrove semantic tokens. Import this CSS; set data-theme on a root or container. */
:root {
  --sr-spacing-0: 4px;
  --sr-spacing-1: 8px;
  --sr-spacing-2: 12px;
  --sr-spacing-3: 16px;
  --sr-spacing-4: 24px;
  --sr-spacing-5: 32px;
  --sr-spacing-6: 48px;
  --sr-spacing-7: 64px;
  --sr-radius-0: 0px;
  --sr-radius-1: 2px;
  --sr-radius-2: 4px;
  --sr-type-0: 14.0px;
  --sr-type-1: 17.5px;
  --sr-type-2: 21.875px;
  --sr-type-3: 27.344px;
  --sr-type-4: 34.18px;
  --sr-type-5: 42.725px;
  --sr-motion-fast: 120ms;
  --sr-motion-normal: 220ms;
  --sr-motion-slow: 400ms;
  --sr-font: ui-sans-serif, system-ui, sans-serif;
  --sr-control-padding: 8px 12px;
}
:root, [data-theme="paper"] {
  --sr-canvas: #101e22;
  --sr-surface: #182a30;
  --sr-ink: #e5f5f4;
  --sr-muted: #adc9ca;
  --sr-primary: #8ce5d0;
  --sr-on-primary: #123b35;
  --sr-border: #739c9d;
  --sr-success: #234c35;
  --sr-on-success: #d2f4d1;
  --sr-danger: #542a24;
  --sr-on-danger: #ffd9cc;
  --sr-focus: #8ce5d0;
}
[data-theme="midnight"] {
  --sr-canvas: #edf5f4;
  --sr-surface: #ffffff;
  --sr-ink: #173633;
  --sr-muted: #4a6965;
  --sr-primary: #186657;
  --sr-on-primary: #ffffff;
  --sr-border: #73958f;
  --sr-success: #e2efdf;
  --sr-on-success: #24452e;
  --sr-danger: #fbe0d9;
  --sr-on-danger: #862f25;
  --sr-focus: #186657;
}
@media (prefers-reduced-motion: reduce) { :root { --sr-motion-fast: 0ms; --sr-motion-normal: 0ms; --sr-motion-slow: 0ms; } }