/* system-info (api.daoti.io/api/v2/my/system-info) returns uiConfig.theme.light/dark
   as null for this tenant — not a themed Full client via that endpoint. Mapped
   instead from the live b2core-front fallback stylesheet, which IS served:
   https://my.daoti.io/assets/styles/theme.css (Angular token set,
   html:has(body.light-theme)).
   projectName=Daoti  theme_color=#f50a0a
   Verified --accent is the tenant-specific red #f50a0a — this is NOT the
   shared B2Core generic-default green (--charts-1: #52b17c is a common chart
   color reused across many tenants, not the brand accent; do not confuse the
   two). --chart-1/--chart-2 below are taken as-is from --charts-1/--charts-2
   (same value for light+dark per the Angular source) — not invented.
   The fallback stylesheet has NO dark-theme block for this tenant (no
   `body.dark-theme` rule at all), so .dark below only retargets the
   hue-bearing tokens (primary/ring/secondary/accent + their foregrounds) to
   the brand red; structural neutrals (background/card/border/input/muted) are
   intentionally left unset here and fall back to the app defaults in
   src/styles/globals.css, since there is no live dark palette to source them
   from. */
:root {
  --background: #ffffff;
  --foreground: #343434;
  --card: #fafafa;
  --card-foreground: #343434;
  --popover: #fafafa;
  --popover-foreground: #343434;
  --primary: #f50a0a;
  --primary-foreground: #ffffff;
  --secondary: #fedddd;
  --secondary-foreground: #9e1d1d;
  --muted: #fcfcfc;
  --muted-foreground: #808080;
  --accent: #feebeb;
  --accent-foreground: #9e1d1d;
  --border: #e6e6e6;
  --input: #f0f0f0;
  --ring: #f50a0a;
  --leaderboard-link-hover: #f62222;
  --destructive: #bf3838;
  --destructive-foreground: #ffffff;
  --chart-1: #52b17c;
  --chart-2: #ffa655;
}

.dark {
  --primary: #f50a0a;
  --ring: #f50a0a;
  --secondary: #2a090b;
  --secondary-foreground: #f77676;
  --accent: #1c090b;
  --accent-foreground: #f77676;
  --leaderboard-link-hover: #f62222;
  --chart-1: #52b17c;
  --chart-2: #ffa655;
}