/* Generated from Neue 2.0.0 (Library/standards/NEUE-DESIGN-2.0.0.md). Do not edit by hand. */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/DMSans-400.woff2") format("woff2");
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../assets/fonts/DMSans-500.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/JetBrainsMono-400.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../assets/fonts/JetBrainsMono-500.woff2") format("woff2");
}

:root {
  color-scheme: light;
  --primary: oklch(0.18 0 0);
  --primary-hover: oklch(0.28 0 0);
  --primary-active: oklch(0.12 0 0);
  --on-primary: oklch(0.98 0 0);
  --background: oklch(0.965 0 0);
  --surface: oklch(1 0 0);
  --surface-2: oklch(0.98 0 0);
  --surface-3: oklch(0.95 0 0);
  --inverse-surface: oklch(0.18 0 0);
  --on-surface: oklch(0.18 0 0);
  --on-surface-2: oklch(0.38 0 0);
  --on-surface-3: oklch(0.52 0 0);
  --on-inverse-surface: oklch(0.98 0 0);
  --outline: oklch(0.92 0 0);
  --outline-soft: oklch(0.95 0 0);
  --outline-strong: oklch(0.62 0 0);
  --focus-field: oklch(0.52 0.19 258);
  --error: oklch(0.52 0.20 25);
  --on-error: oklch(1 0 0);
  --success: oklch(0.50 0.13 150);
  --warning: oklch(0.50 0.11 75);
  --info: oklch(0.50 0.16 250);
  --error-surface: oklch(0.96 0.02 25);
  --success-surface: oklch(0.96 0.02 150);
  --warning-surface: oklch(0.96 0.03 75);
  --info-surface: oklch(0.96 0.02 250);
  --font-sans: "DM Sans", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --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: 48px;
  --s-10: 64px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --hairline: 1px;
  --workspace-max: 1280px;
  --nav-h: 56px;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --primary: oklch(0.97 0 0);
    --primary-hover: oklch(0.90 0 0);
    --primary-active: oklch(1 0 0);
    --on-primary: oklch(0.17 0 0);
    --background: oklch(0.14 0 0);
    --surface: oklch(0.18 0 0);
    --surface-2: oklch(0.21 0 0);
    --surface-3: oklch(0.24 0 0);
    --inverse-surface: oklch(0.95 0 0);
    --on-surface: oklch(0.97 0 0);
    --on-surface-2: oklch(0.80 0 0);
    --on-surface-3: oklch(0.68 0 0);
    --on-inverse-surface: oklch(0.18 0 0);
    --outline: oklch(0.28 0 0);
    --outline-soft: oklch(0.24 0 0);
    --outline-strong: oklch(0.54 0 0);
    --focus-field: oklch(0.72 0.13 258);
    --error: oklch(0.72 0.17 25);
    --on-error: oklch(0.17 0 0);
    --success: oklch(0.78 0.16 150);
    --warning: oklch(0.83 0.13 75);
    --info: oklch(0.76 0.13 250);
    --error-surface: oklch(0.26 0.06 25);
    --success-surface: oklch(0.26 0.05 150);
    --warning-surface: oklch(0.26 0.05 75);
    --info-surface: oklch(0.26 0.05 250);
  }
}
