/* ---------------------------------------------------------------------------
   Green brand theme (PaySoft). Load after tokens.css. It swaps only the brand hue:
   a green leaning to lime, with a lime-on-black logo mark. Neutrals, status colors
   and every scale stay Erudite's.
   Contrast: --brand ≥ 3:1 and --brand-ink ≥ 4.5:1 on --card, --muted and --accent
   in both modes. Text on a --brand fill is near-black (5.5:1 light, 10:1 dark).
--------------------------------------------------------------------------- */

:root,
.light {
  --ring: #3f9a1f;
  --brand: #3f9a1f; /* 3.6:1 on --card, 3.3:1 on --muted */
  --brand-ink: #2f7a12; /* 5.4:1 on --card, 4.9:1 on --muted, 5.0:1 on --accent */
  --brand-foreground: #0a0a0a;
  --accent: #f1fae9;
  --accent-foreground: #2f7a12;

  /* Green takes the brand slot; Erudite's aqua (3) and green (6) would sit too close
     to it, so magenta and cyan fill those slots. */
  --chart-1: #3f9a1f;
  --chart-3: #d6409f;
  --chart-6: #0891b2;
  --seq-100: #ecfccb;
  --seq-200: #d9f99d;
  --seq-300: #bef264;
  --seq-400: #a3e635;
  --seq-500: #84cc16;
  --seq-600: #4d7c0f;
  --seq-700: #365314;
  --progress-complete: #3f9a1f;
  --progress-partial: #d9f99d;

  /* Logo: a green → lime square on the near-black tile. */
  --logo-stop-1: #0b1f05;
  --logo-stop-2: #2f7a12;
  --logo-stop-3: #84cc16;
  --logo-stop-4: #ecfccb;
}

.dark {
  --ring: #84cc16;
  --brand: #84cc16; /* 9.6:1 on --card */
  --brand-ink: #a3e635; /* 12.5:1 on --card, 9.7:1 on --accent */
  --brand-foreground: #0a0a0a;
  --accent: #1a2e05; /* opaque, so lime ink stays ≥ 4.5:1 on it over any surface */
  --accent-foreground: #a3e635;

  --chart-1: #84cc16;
  --chart-3: #e05aae;
  --chart-6: #22b8d8;
  --seq-100: #1a2e05;
  --seq-200: #243f0a;
  --seq-300: #2f520f;
  --seq-400: #3b6614;
  --seq-500: #4d7c0f;
  --seq-600: #84cc16;
  --seq-700: #bef264;
  --progress-complete: #84cc16;
  --progress-partial: #3b6614;
}