/* NeaRemit Theme - Indigo #1A0B68 by day, green #76C108 by night */
/* Loaded from /branding/theme.css by src/app/layout.tsx. The selectors are
   doubled on purpose: globals.css compiles its :root/.dark blocks without a
   cascade layer, so equal specificity would leave the winner up to link order.
   :root:root (0,2,0) beats :root (0,1,0) whichever loads first. */

:root:root {
  --primary-h: 250;
  --primary-s: 81%;
  --primary-l: 23%;
  --primary: var(--primary-h) var(--primary-s) var(--primary-l);
  --primary-foreground: 0 0% 100%;
  --ring: 250 81% 23%;
}

.dark.dark {
  /* The logo's two colours swap: green becomes the action colour,
     indigo becomes its label. #76C108 — white on it is only 2.2:1,
     but the brand indigo (#1A0B68) is 7.3:1. */
  --primary-h: 84;
  --primary-s: 92%;
  --primary-l: 39%;
  --primary: var(--primary-h) var(--primary-s) var(--primary-l);
  --primary-foreground: 250 81% 23%;
  --ring: 84 92% 39%;

  /* Dark neutrals carry the brand indigo hue (250) at low lightness,
     so the page reads as a dim version of the brand rather than
     generic grey. Lightness ladder mirrors globals.css. */
  --background: 250 47% 7%;
  --sidebar-background: 250 47% 9%;
  --card: 250 44% 11%;
  --popover: 250 44% 13%;
  --muted: 250 33% 17%;
  --secondary: 250 33% 17%;
  --accent: 250 33% 17%;
  --border: 250 25% 22%;
  --input: 250 25% 22%;
  --sidebar-border: 250 25% 20%;
  --muted-foreground: 250 20% 68%;
}