/* ============================================================
   THE GEMINI — COLOR PALETTE (single source of truth)
   ------------------------------------------------------------
   To re-theme the ENTIRE site (per client), only edit the values
   in this file. Every page, the master page, the login screen
   and all modules read colors from these CSS variables —
   nothing is hard-coded elsewhere.

   Current theme: Client-supplied blue / olive palette.
   ============================================================ */
:root{

  /* ---- Typography — single font used everywhere (body + all headings) ---- */
  --font-body: 'Sora', system-ui, -apple-system, sans-serif;

  /* ---- Brand ramp — edit these to change the whole theme ---- */
  --brand-50 : #eaf1ff;
  --brand-100: #cfe0ff;
  --brand-200: #a3c4fd;
  --brand-300: #74a4f6;
  --brand-400: #4c85ee;
  --brand-500: #2f6be0;   /* primary brand color               */
  --brand-600: #2455b8;   /* hover / active                    */
  --brand-700: #1c4290;   /* deep accent (headings on dark bg) */
  --brand-900: #33176e;   /* darkest — gradients / text on dark */

  /* ---- Accent (used sparingly: badges, "live", warnings) ---- */
  --accent-amber : #f7c04a;
  --accent-amber-600: #e0982a;
  --accent-coral : #e2725b;

  /* ---- Dashboard stat-card accent colors (multi-color, per client reference) ---- */
  --stat-purple-bg: #f1ebfb; --stat-purple-fg: #7c3aed;
  --stat-teal-bg  : #e6f7f5; --stat-teal-fg  : #0f9488;
  --stat-pink-bg  : #fdeaf1; --stat-pink-fg  : #db2777;
  --stat-orange-bg: #fdf1e3; --stat-orange-fg: #d97706;

  /* ---- Neutrals — these keep ~70-75% of the UI white/near-white ---- */
  --white   : #ffffff;
  --paper   : #f5f7fb;   /* page background            */
  --surface : #ffffff;   /* cards / panels              */
  --ink     : #1c2030;   /* primary text                */
  --ink-soft: #454a5c;   /* secondary text               */
  --muted   : #7c8296;   /* placeholders / captions       */
  --line    : #e2e7f2;   /* borders                       */

  /* ---- Shadows & shape ---- */
  --shadow-sm: 0 2px 8px rgba(30,30,80,.07);
  --shadow-md: 0 12px 32px rgba(30,30,80,.12);
  --shadow-lg: 0 24px 64px rgba(30,30,80,.18);
  --radius   : 18px;
  --radius-sm: 12px;
  --ease     : cubic-bezier(.16,1,.3,1);

  /* ---- Fixed layout metrics used by site.css ---- */
  --sidebar-w        : 264px;
  --sidebar-w-collapsed: 78px;
  --topbar-h         : 62px;
}

/* ------------------------------------------------------------
   ALTERNATE THEMES — uncomment ONE block below (and comment
   out the block above) to swap the whole site's color scheme
   in one place. This is the "change from CSS only" requirement.
   ------------------------------------------------------------

   Example — Teal variant:
   :root{
     --brand-50:#e8f7f6; --brand-100:#c7ebe8; --brand-200:#93d8d2;
     --brand-300:#59beb5; --brand-400:#2c9c92; --brand-500:#0f8078;
     --brand-600:#0b665f; --brand-700:#084d47; --brand-900:#042925;
   }

   Example — Navy variant:
   :root{
     --brand-50:#eaf0fb; --brand-100:#cbdaf3; --brand-200:#9ab8e8;
     --brand-300:#6493d8; --brand-400:#3d72c2; --brand-500:#2457a3;
     --brand-600:#1c4685; --brand-700:#153466; --brand-900:#0a1c3a;
   }
------------------------------------------------------------- */