/* ══════════════════════════════════════════════════════════════════════
   VanaraUniCare — Light Theme
   ══════════════════════════════════════════════════════════════════════
   Single source of truth for the app's color palette. Every page should
   load this file instead of defining its own :root block.

   Every text/background pairing below has been checked against real
   WCAG 2.1 contrast ratios (not eyeballed) — see the numbers in the
   comments. AA-normal requires 4.5:1 for body text, AA-large requires
   3:1 for large/bold text (used for chip labels, stat numbers, icons).

   Variable NAMES are kept identical to the old dark theme on purpose —
   only the VALUES changed. That means converting a page to this file is
   just pointing it at a new stylesheet; none of the existing CSS rules
   inside each page (color: var(--white), background: var(--panel), etc.)
   need to change. This was a deliberate tradeoff: keeping variable names
   stable across 82 pages was judged safer than a "cleaner" rename that
   would've required touching every rule in every file, not just the
   palette definition.
   ══════════════════════════════════════════════════════════════════════ */

:root {
  /* Backgrounds — light gray page, white cards sitting on top of it.
     Page bg is deliberately NOT pure white, to avoid a stark, glary
     full-white canvas and to give cards a visible edge without needing
     a heavy border. */
  --ink:       #F4F6F9;   /* page background */
  --panel:     #FFFFFF;   /* card / sidebar background */
  --panel-2:   #F8F9FB;   /* dropdown / select background — subtle step down from panel */

  /* Borders & hover surfaces — black-tinted overlays (mirrors the old
     white-tinted overlays used on dark backgrounds, just inverted). */
  --surface:   rgba(16,27,45,0.035);
  --surface-2: rgba(16,27,45,0.06);
  --border:    rgba(16,27,45,0.10);
  --border-2:  rgba(16,27,45,0.16);

  /* Gold accent — kept as the same vivid gold for buttons and large
     decorative surfaces (dark text on top of it measures 7.55:1,
     comfortably AAA). A separate darker gold is used wherever gold
     appears AS text color — the old pale gold-2 (#E2C47A) was designed
     to sit on dark navy and reads far too faint on white. */
  --gold:      #C9A84C;   /* button backgrounds, decorative borders/icons — verified 7.55:1 with dark text on top */
  --gold-2:    #8B6F1F;   /* gold used as text — links, highlighted labels — verified 4.78:1 on white */

  /* Text — three tiers, all measured against white. */
  --white:     #101B2D;   /* primary text — verified 17.26:1 (kept the name "white" for safe propagation; it now holds the primary TEXT color, not a background) */
  --slate:     #4E5F78;   /* secondary text — verified 6.50:1 */
  --slate-2:   #64748F;   /* muted labels / metadata — verified 4.73:1 */
  --slate-3:   #5A6B84;   /* sidebar section headers (MAIN / CLINICAL / PHARMACY...) — verified 5.42:1.
                              NOTE: this variable was referenced by dashboard.html but never actually
                              defined anywhere in the old dark theme either — a pre-existing bug found
                              during this audit, unrelated to the light-mode work. Fixed here rather
                              than carried forward. */

  /* Gold-tinted border used on the auth pages (login, forgot-password,
     reset-confirm). Gold-on-transparent doesn't depend on background
     luminance the way a white/black overlay does, so this value is
     carried over unchanged rather than recalculated. */
  --border-gold: rgba(201,168,76,0.28);

  /* Status colors — reused directly from the Excel export palette,
     which already had to solve "readable on a white background" for
     the exact same four states. Verified again here: */
  --success:   #156B3A;   /* verified 6.57:1 on white */
  --warning:   #95560C;   /* verified 5.81:1 on white */
  --danger:    #B03030;   /* verified 6.34:1 on white */
  --info:      #2A6BB0;   /* verified 5.49:1 on white */

  --sidebar-w: 252px;
  --sw:        252px;   /* alias — most pages use this name instead of --sidebar-w; both kept in sync */
}