/* 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: 4px;
  --sr-radius-1: 8px;
  --sr-radius-2: 14px;
  --sr-type-0: 16.0px;
  --sr-type-1: 20.0px;
  --sr-type-2: 25.0px;
  --sr-type-3: 31.25px;
  --sr-type-4: 39.062px;
  --sr-type-5: 48.828px;
  --sr-motion-fast: 120ms;
  --sr-motion-normal: 220ms;
  --sr-motion-slow: 400ms;
  --sr-font: ui-sans-serif, system-ui, sans-serif;
  --sr-control-padding: 12px 18px;
}
:root, [data-theme="paper"] {
  --sr-canvas: #f4f5fb;
  --sr-surface: #ffffff;
  --sr-ink: #192239;
  --sr-muted: #525d75;
  --sr-primary: #343ea3;
  --sr-on-primary: #ffffff;
  --sr-border: #7b829c;
  --sr-success: #e2efdf;
  --sr-on-success: #24452e;
  --sr-danger: #fbe0d9;
  --sr-on-danger: #862f25;
  --sr-focus: #343ea3;
}
[data-theme="midnight"] {
  --sr-canvas: #13182c;
  --sr-surface: #1c2440;
  --sr-ink: #f0f3ff;
  --sr-muted: #b7c1dc;
  --sr-primary: #b9c3ff;
  --sr-on-primary: #172044;
  --sr-border: #7f8cb8;
  --sr-success: #234c35;
  --sr-on-success: #d2f4d1;
  --sr-danger: #542a24;
  --sr-on-danger: #ffd9cc;
  --sr-focus: #b9c3ff;
}
@media (prefers-reduced-motion: reduce) { :root { --sr-motion-fast: 0ms; --sr-motion-normal: 0ms; --sr-motion-slow: 0ms; } }