/* J&G Group — navy palette override (approved from the branding preview canvas).
 *
 * Copied over public/brand.css by the BRAND=jg build arg; redefines the tokens
 * from src/index.css.
 *
 * SELECTORS ARE DELIBERATELY DOUBLED (:root:root, :root.dark): Vite injects the
 * bundled app CSS at the END of <head>, after this file's <link>, so at equal
 * specificity the bundle's tokens would win. (0,2,0) beats the bundle's :root
 * and .dark (0,1,0) regardless of load order. The first deploy shipped without
 * this and rendered pure Sadeef. The accent is a steel blue derived from the J&G brand
 * navy (#1c3f68) — the raw navy itself is too dark to read as an accent on
 * dark surfaces, so it anchors the auth panel and the light theme instead.
 */

:root:root {
  /* Light theme: the brand navy works as-is on light surfaces. */
  --primary: #35618f;
  --primary-foreground: #f4f8fc;
  --ring: #35618f;
  --chart-1: #35618f;
  /* The auth screen's always-dark brand panel: deep J&G navy. */
  --brand-panel: #14233c;
}

:root.dark {
  --background: #262b33;
  --foreground: #edf1f6;
  --card: #303743;
  --card-foreground: #edf1f6;
  --popover: #363d49;
  --popover-foreground: #edf1f6;
  --primary: #7da5d4;
  --primary-foreground: #0f1f36;
  --secondary: #414b57;
  --secondary-foreground: #edf1f6;
  --muted: #343b46;
  --muted-foreground: #a9b5c4;
  --accent: #39424f;
  --accent-foreground: #edf1f6;
  --border: #3c4553;
  --input: #46505f;
  --ring: #7da5d4;
  --chart-1: #7da5d4;
}
