/*
 * The portal's theme over the ABP Admin Console (/admin-console), injected through
 * AdminConsole:ThemeOverrideCssPath. The console is a shadcn-style React app that reads the same token names the
 * portal defines in react/src/styles/globals.css ("Royal Blue"), so the light and dark sets are copied 1:1; the
 * console toggles `.dark` on <html>. Fonts: Hanken Grotesk for text, Newsreader for titles (self-hosted, /fonts).
 */
@import url("/fonts/fonts.css");

:root {
  --font-sans: "Hanken Grotesk", ui-sans-serif, system-ui, "Segoe UI", sans-serif;
  --font-serif: "Newsreader", ui-serif, Georgia, serif;

  --background: #ffffff;
  --foreground: hsl(224 44% 15%);
  --card: #ffffff;
  --card-foreground: hsl(224 44% 15%);
  --popover: #ffffff;
  --popover-foreground: hsl(224 44% 15%);
  --primary: hsl(226 71% 47%);
  --primary-foreground: hsl(210 40% 98%);
  --secondary: hsl(220 33% 96%);
  --secondary-foreground: hsl(224 44% 20%);
  --muted: hsl(220 33% 96%);
  --muted-foreground: hsl(220 14% 40%);
  --accent: hsl(221 65% 94%);
  --accent-foreground: hsl(226 58% 30%);
  --destructive: hsl(0 72% 48%);
  --destructive-foreground: #ffffff;
  --border: hsl(220 26% 90%);
  --input: hsl(220 26% 90%);
  --ring: hsl(226 71% 47%);
  --radius: 0.625rem;

  --chart-1: #2f5fe0;
  --chart-2: #5b6ef0;
  --chart-3: #10b981;
  --chart-4: #f59e0b;
  --chart-5: #8b5cf6;

  --sidebar: #fbfcfe;
  --sidebar-foreground: hsl(224 44% 15%);
  --sidebar-primary: hsl(226 71% 47%);
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: hsl(221 65% 94%);
  --sidebar-accent-foreground: hsl(226 58% 30%);
  --sidebar-border: hsl(220 26% 90%);
  --sidebar-ring: hsl(226 71% 47%);
}

.dark {
  --background: hsl(225 40% 8%);
  --foreground: hsl(210 40% 98%);
  --card: hsl(225 34% 11%);
  --card-foreground: hsl(210 40% 98%);
  --popover: hsl(225 34% 11%);
  --popover-foreground: hsl(210 40% 98%);
  --primary: hsl(224 72% 56%);
  --primary-foreground: #ffffff;
  --secondary: hsl(222 30% 17%);
  --secondary-foreground: hsl(210 40% 98%);
  --muted: hsl(222 28% 17%);
  --muted-foreground: hsl(217 20% 68%);
  --accent: hsl(223 42% 20%);
  --accent-foreground: hsl(210 40% 98%);
  --destructive: hsl(0 63% 47%);
  --destructive-foreground: #ffffff;
  --border: hsl(222 25% 20%);
  --input: hsl(222 25% 22%);
  --ring: hsl(224 72% 62%);

  --sidebar: hsl(225 36% 10%);
  --sidebar-foreground: hsl(210 40% 98%);
  --sidebar-primary: hsl(224 72% 56%);
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: hsl(223 42% 20%);
  --sidebar-accent-foreground: hsl(210 40% 98%);
  --sidebar-border: hsl(222 25% 20%);
  --sidebar-ring: hsl(224 72% 62%);
}

body {
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
}

/* Page titles in the portal's serif, as PageHeader does; smaller headings stay in the text face. */
h1, h2 {
  font-family: var(--font-serif);
  font-weight: 600;
  letter-spacing: -0.01em;
}