/* Generated by loom-tokens — do NOT edit by hand.
 * Re-emit via `loom css > path/to/loom-tokens.css`.
 */

:root {
  --loom-color-primary: hsl(220 90% 28%);
  --loom-color-primary-fg: #ffffff;
  --loom-color-surface: #ffffff;
  --loom-color-surface-muted: hsl(210 40% 98%);
  --loom-color-ink: hsl(222 47% 11%);
  --loom-color-ink-muted: hsl(215 16% 47%);
  --loom-color-border: hsl(214 32% 91%);
  --loom-color-danger: hsl(0 72% 51%);
  --loom-color-success: hsl(160 84% 30%);
  --loom-color-warn: hsl(28 80% 50%);
  --loom-color-warn-bg: hsl(40 90% 93%);
  --loom-color-tier-medium: hsl(50 80% 56%);
  --loom-color-border-strong: hsl(212 16% 82%);
  --loom-color-accent-soft: hsl(220 75% 80%);
  --loom-color-accent-glow: hsl(220 75% 90%);
  --loom-color-gradient-a: hsl(218 78% 56%);
  --loom-color-gradient-b: hsl(269 65% 57%);
  --loom-color-bg-canvas: hsl(225 33% 99%);
  --loom-color-bg-overlay: hsl(220 28% 95%);
  --loom-space-0: 0rem;
  --loom-space-1: 0.25rem;
  --loom-space-2: 0.5rem;
  --loom-space-3: 0.75rem;
  --loom-space-4: 1rem;
  --loom-space-6: 1.5rem;
  --loom-space-8: 2rem;
  --loom-space-12: 3rem;
  --loom-space-16: 4rem;
  --loom-space-24: 6rem;
  --loom-break-sm: 640px;
  --loom-break-md: 768px;
  --loom-break-lg: 1024px;
  --loom-break-xl: 1280px;
  --loom-font-xs: 0.75rem;
  --loom-font-sm: 0.875rem;
  --loom-font-base: 1rem;
  --loom-font-lg: 1.125rem;
  --loom-font-xl: 1.25rem;
  --loom-font-2xl: 1.5rem;
  --loom-font-3xl: 1.875rem;
  --loom-font-4xl: 2.25rem;
  --loom-font-6xl: 3rem;
  --loom-radius-none: 0;
  --loom-radius-sm: 0.25rem;
  --loom-radius-md: 0.5rem;
  --loom-radius-lg: 0.75rem;
  --loom-radius-xl: 1rem;
  --loom-radius-full: 9999px;
}

:root[data-theme="dark"] {
  --loom-color-primary: hsl(220 90% 65%);
  --loom-color-primary-fg: hsl(222 47% 6%);
  --loom-color-surface: hsl(222 47% 6%);
  --loom-color-surface-muted: hsl(222 47% 11%);
  --loom-color-ink: hsl(210 40% 98%);
  --loom-color-ink-muted: hsl(215 20% 65%);
  --loom-color-border: hsl(217 33% 18%);
  --loom-color-danger: hsl(0 72% 65%);
  --loom-color-success: hsl(160 84% 55%);
  --loom-color-warn: hsl(33 100% 66%);
  --loom-color-warn-bg: hsl(33 50% 16%);
  --loom-color-tier-medium: hsl(50 75% 65%);
  --loom-color-border-strong: hsl(218 22% 30%);
  --loom-color-accent-soft: hsl(222 41% 47%);
  --loom-color-accent-glow: hsl(220 100% 85%);
  --loom-color-gradient-a: hsl(218 83% 65%);
  --loom-color-gradient-b: hsl(272 84% 65%);
  --loom-color-bg-canvas: hsl(220 33% 6%);
  --loom-color-bg-overlay: hsl(220 24% 20%);
}

/* Substrate utility classes (CSP-safe alternative to inline padding) */
.loom-shell {
  padding-left: 4rem;
  padding-right: 4rem;
}
@media (max-width: 768px) {
  .loom-shell {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}