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

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

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