/* GENERATED by design/foundation/build.mjs from design/foundation/tokens.json (foundation v1.0.0) - do not edit. */
/* SSR auth / account / message pages: tokens as --nl-* inside .nl-ssr (see ssr.css for the Foundation classes). */
.nl-ssr {
  color-scheme: light;
  --nl-background: hsl(210 20% 98%);
  --nl-foreground: hsl(222.2 84% 4.9%);
  --nl-card: hsl(0 0% 100%);
  --nl-card-foreground: hsl(222.2 84% 4.9%);
  --nl-popover: hsl(0 0% 100%);
  --nl-popover-foreground: hsl(222.2 84% 4.9%);
  --nl-primary: var(--accent, hsl(var(--brand, 0 0% 0%)));
  --nl-primary-foreground: var(--accent-fg, hsl(var(--brand-fg, 0 0% 100%)));
  --nl-secondary: hsl(210 40% 96.1%);
  --nl-secondary-foreground: hsl(222.2 47.4% 11.2%);
  --nl-muted: hsl(210 40% 96.1%);
  --nl-muted-foreground: hsl(215.4 25% 35%);
  --nl-accent: hsl(210 40% 96.1%);
  --nl-accent-foreground: hsl(222.2 47.4% 11.2%);
  --nl-destructive: hsl(0 72% 51%);
  --nl-destructive-foreground: hsl(0 0% 100%);
  --nl-danger-foreground: hsl(0 72% 40%);
  --nl-success: hsl(142.1 76.2% 36.3%);
  --nl-success-foreground: hsl(143 64% 24%);
  --nl-warning: hsl(32 95% 42%);
  --nl-warning-foreground: hsl(23 83% 31%);
  --nl-info: hsl(217 91% 60%);
  --nl-info-foreground: hsl(224 76% 44%);
  --nl-border: hsl(214.3 31.8% 91.4%);
  --nl-input: hsl(215 16% 72%);
  --nl-ring: var(--accent, hsl(var(--brand, 0 0% 0%)));
  --nl-sidebar: hsl(0 0% 100%);
  --nl-sidebar-foreground: hsl(222.2 84% 4.9%);
  --nl-sidebar-primary: hsl(var(--brand, 0 0% 0%));
  --nl-sidebar-primary-foreground: hsl(var(--brand-fg, 0 0% 100%));
  --nl-sidebar-accent: hsl(210 40% 96.1%);
  --nl-sidebar-accent-foreground: hsl(222.2 47.4% 11.2%);
  --nl-sidebar-border: hsl(214.3 31.8% 91.4%);
  --nl-sidebar-ring: hsl(var(--brand, 0 0% 0%));
  --nl-shadow-card: 0 1px 3px rgb(0 0 0 / 0.04), 0 4px 12px rgb(0 0 0 / 0.03);
  --nl-shadow-pop: 0 10px 36px rgb(0 0 0 / 0.12);
  --nl-radius: 0.5rem;
  --nl-font-sans: "Inter Variable", "Noto Sans Devanagari Variable", "Noto Sans Telugu Variable", system-ui, sans-serif;
  --nl-font-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;
  --nl-font-serif: Georgia, "Noto Serif Devanagari Variable", "Noto Serif Telugu Variable", serif;
  --nl-font-display: "Fraunces Variable", "Noto Serif Devanagari Variable", "Noto Serif Telugu Variable", Georgia, serif;
}

:root[data-theme="dark"] .nl-ssr,
.dark .nl-ssr {
  color-scheme: dark;
  --nl-background: hsl(224 71% 4%);
  --nl-foreground: hsl(210 40% 98%);
  --nl-card: hsl(222.2 47.4% 7%);
  --nl-card-foreground: hsl(210 40% 98%);
  --nl-popover: hsl(222.2 47.4% 7%);
  --nl-popover-foreground: hsl(210 40% 98%);
  --nl-primary: var(--accent, hsl(var(--brand, 0 0% 98%)));
  --nl-primary-foreground: var(--accent-fg, hsl(var(--brand-fg, 0 0% 0%)));
  --nl-secondary: hsl(217.2 32.6% 17.5%);
  --nl-secondary-foreground: hsl(210 40% 98%);
  --nl-muted: hsl(217.2 32.6% 14%);
  --nl-muted-foreground: hsl(215 20.2% 70%);
  --nl-accent: hsl(217.2 32.6% 17.5%);
  --nl-accent-foreground: hsl(210 40% 98%);
  --nl-destructive: hsl(0 62.8% 50%);
  --nl-destructive-foreground: hsl(210 40% 98%);
  --nl-danger-foreground: hsl(0 91% 71%);
  --nl-success: hsl(142.1 70.6% 45.3%);
  --nl-success-foreground: hsl(142 69% 58%);
  --nl-warning: hsl(38 92% 55%);
  --nl-warning-foreground: hsl(43 96% 56%);
  --nl-info: hsl(217 91% 60%);
  --nl-info-foreground: hsl(213 94% 68%);
  --nl-border: hsl(217.2 32.6% 17.5%);
  --nl-input: hsl(217 16% 44%);
  --nl-ring: var(--accent, hsl(var(--brand, 0 0% 98%)));
  --nl-sidebar: hsl(224 71% 3%);
  --nl-sidebar-foreground: hsl(210 40% 98%);
  --nl-sidebar-primary: hsl(var(--brand, 0 0% 98%));
  --nl-sidebar-primary-foreground: hsl(var(--brand-fg, 0 0% 0%));
  --nl-sidebar-accent: hsl(217.2 32.6% 17.5%);
  --nl-sidebar-accent-foreground: hsl(210 40% 98%);
  --nl-sidebar-border: hsl(217.2 32.6% 17.5%);
  --nl-sidebar-ring: hsl(var(--brand, 0 0% 98%));
  --nl-shadow-card: 0 1px 3px rgb(0 0 0 / 0.3), 0 4px 16px rgb(0 0 0 / 0.25);
  --nl-shadow-pop: 0 10px 36px rgb(0 0 0 / 0.5);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) .nl-ssr {
    color-scheme: dark;
    --nl-background: hsl(224 71% 4%);
    --nl-foreground: hsl(210 40% 98%);
    --nl-card: hsl(222.2 47.4% 7%);
    --nl-card-foreground: hsl(210 40% 98%);
    --nl-popover: hsl(222.2 47.4% 7%);
    --nl-popover-foreground: hsl(210 40% 98%);
    --nl-primary: var(--accent, hsl(var(--brand, 0 0% 98%)));
    --nl-primary-foreground: var(--accent-fg, hsl(var(--brand-fg, 0 0% 0%)));
    --nl-secondary: hsl(217.2 32.6% 17.5%);
    --nl-secondary-foreground: hsl(210 40% 98%);
    --nl-muted: hsl(217.2 32.6% 14%);
    --nl-muted-foreground: hsl(215 20.2% 70%);
    --nl-accent: hsl(217.2 32.6% 17.5%);
    --nl-accent-foreground: hsl(210 40% 98%);
    --nl-destructive: hsl(0 62.8% 50%);
    --nl-destructive-foreground: hsl(210 40% 98%);
    --nl-danger-foreground: hsl(0 91% 71%);
    --nl-success: hsl(142.1 70.6% 45.3%);
    --nl-success-foreground: hsl(142 69% 58%);
    --nl-warning: hsl(38 92% 55%);
    --nl-warning-foreground: hsl(43 96% 56%);
    --nl-info: hsl(217 91% 60%);
    --nl-info-foreground: hsl(213 94% 68%);
    --nl-border: hsl(217.2 32.6% 17.5%);
    --nl-input: hsl(217 16% 44%);
    --nl-ring: var(--accent, hsl(var(--brand, 0 0% 98%)));
    --nl-sidebar: hsl(224 71% 3%);
    --nl-sidebar-foreground: hsl(210 40% 98%);
    --nl-sidebar-primary: hsl(var(--brand, 0 0% 98%));
    --nl-sidebar-primary-foreground: hsl(var(--brand-fg, 0 0% 0%));
    --nl-sidebar-accent: hsl(217.2 32.6% 17.5%);
    --nl-sidebar-accent-foreground: hsl(210 40% 98%);
    --nl-sidebar-border: hsl(217.2 32.6% 17.5%);
    --nl-sidebar-ring: hsl(var(--brand, 0 0% 98%));
    --nl-shadow-card: 0 1px 3px rgb(0 0 0 / 0.3), 0 4px 16px rgb(0 0 0 / 0.25);
    --nl-shadow-pop: 0 10px 36px rgb(0 0 0 / 0.5);
  }
}