/* ───────────────────────────────────────────────────────────────────────
   flecbase-blue.css — alternate palette derived from the FlecBase APP
   (Flutter, lib/app.dart line 26: ColorScheme.fromSeed(#1565C0)).

   Drop this file in AFTER flecbase.css. Only redefines tokens; layout,
   typography, spacing, and component structure all stay in the base
   sheet. Anywhere a hex was hardcoded in flecbase.css (one spot: the
   .btn-primary:hover box-shadow) gets a small targeted override at the
   bottom of this file.

   Brand source of truth:
     · Seed: #1565C0  — Material Blue 800, the Flutter
       ColorScheme.fromSeed() seed used app-wide.
     · The login screen cloud icon (lib/screens/login_screen.dart:102)
       renders colorScheme.primary — derived from the same seed via
       Material 3's HCT tonal algorithm.
     · The splash screen terrain icon (lib/app.dart:126) uses
       Color(0xFF1565C0) directly.

   Tonal mapping (Material Blue palette, approximations of what
   ColorScheme.fromSeed would emit):
     accent         = Blue 800  #1565C0    seed itself
     accent-dark    = Blue 900  #0D47A1    pressed / focus state
     accent-light   = Blue 100  #BBDEFB    soft tint for backgrounds
     accent-subtle  = Blue 50   #E3F2FD    palest wash

   NOTE: the original --info token was #2563eb (a separate brighter
   blue). With the new accent being deep blue, info would visually
   clash — they'd read as "two blues, same role". Shifted info to
   Indigo so it stays cool-tone but distinguishable. Adjust if the
   product wants a different info family (slate, violet, cyan all work).
   ─────────────────────────────────────────────────────────────────── */

:root {
  /* ── Accent family — direct swap of the four teal tokens ──
     Mapping: accent (800) → seed, dark (900) deepens for
     pressed/focused states, light (100) for chip backgrounds,
     subtle (50) for input focus rings + alert washes.        */
  --accent:        #1565C0;
  --accent-dark:   #0D47A1;
  --accent-light:  #BBDEFB;
  --accent-subtle: #E3F2FD;

  /* ── Info family — shifted to Indigo so it doesn't visually
     collide with the new blue accent. If you'd rather keep info
     in the same blue family, swap to a brighter tone like
     #1E88E5 (Blue 600) instead. ──────────────────────────── */
  --info:    #4F46E5;
  --info-bg: #EEF2FF;

  /* ── Surface family stays — warm neutral stones (#fafaf9
     / #ffffff / #f5f0eb) read well alongside the new accent
     and don't compete with the blue. No change needed. ──── */

  /* ── Semantic green / amber / red unchanged.
     The accent shift is the differentiator; semantics stay
     conventional (green for ok, amber for warning, red for
     danger). They're tuned for accessibility already. ───── */
}

/* ── Hardcoded-colour overrides ──
   flecbase.css bakes the teal RGB into two hover-shadow rules.
   Patch both with the blue equivalent so the press-lift halo
   matches the new accent instead of leaving a green ring.
   .btn-primary       — the Register button in nav.php
   .btn-accent-subtle — the Log In button in nav.php */
.btn-primary:hover,
.btn-accent-subtle:hover {
  box-shadow: 0 8px 24px rgba(21, 101, 192, 0.25);
}