/* NGCP brand palette — the default theme colors for PMIS.
 * Loaded AFTER the BlazorBlueprint themes.css so these rules win the cascade.
 * Scoped with :not([data-primary-color]) so the Customizer keeps working:
 * - Nothing chosen (the default)  -> exact NGCP brand greens below
 * - User picks "Green" chip       -> the same exact brand values
 * - User picks any other color    -> the library palette applies unchanged
 * Swatches from the NGCP logo: #147d54, #2da172, #30b876, #00bc33.
 */

/* ── Default (no explicit primary color chosen) ─────────────────── */
html[data-base-color]:not([data-primary-color]) {
  --primary: #147d54;
  --primary-foreground: #ffffff;
  --ring: #2da172;

  --sidebar-background: #fafafa;
  --sidebar-foreground: #09090b;
  --sidebar-primary: #147d54;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #e8f5ee;
  --sidebar-accent-foreground: #147d54;
  --sidebar-border: #ececec;

  --chart-1: #147d54;
  --chart-2: #2da172;
  --chart-3: #30b876;
  --chart-4: #00bc33;
  --chart-5: #7de3a2;
}

html[data-base-color].dark:not([data-primary-color]) {
  --primary: #30b876;
  --primary-foreground: #05231a;
  --ring: #2da172;

  --sidebar-background: #131715;
  --sidebar-foreground: #f4f4f5;
  --sidebar-primary: #30b876;
  --sidebar-primary-foreground: #05231a;
  --sidebar-accent: #1d2b24;
  --sidebar-accent-foreground: #7de3a2;
  --sidebar-border: #262b28;

  --chart-1: #30b876;
  --chart-2: #2da172;
  --chart-3: #7de3a2;
  --chart-4: #147d54;
  --chart-5: #00bc33;
}

/* ── The Customizer's "Green" chip maps exactly to the brand ────── */
[data-primary-color="green"] {
  --primary: #147d54;
  --primary-foreground: #ffffff;
  --ring: #2da172;
  --sidebar-primary: #147d54;
  --sidebar-primary-foreground: #ffffff;
}

.dark[data-primary-color="green"],
[data-primary-color="green"].dark {
  --primary: #30b876;
  --primary-foreground: #05231a;
  --ring: #2da172;
  --sidebar-primary: #30b876;
  --sidebar-primary-foreground: #05231a;
}