/* ==========================================================================
   ROLE: THEME - eSub, this installation's own look. Listed in _themes.cfm.

   Overrides only what differs from the wireframe in css/tokens.css. Deep lagoon teal
   for actions and the module rail, cool slate neutrals, softer 6px corners and a faint
   card shadow. Fonts: Outfit for titles, Plus Jakarta Sans for text, JetBrains Mono for
   codes (dotted zero, so 0 and O can't be confused in IC and account numbers).
   To rebrand for a customer, change the values here; never a page or app.css.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500;600&family=Plus+Jakarta+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  /* --- Brand (lagoon teal) --------------------------------------------------- */
  --brand-50:  #E7F5F3;
  --brand-100: #C9E9E4;
  --brand-200: #95D2C8;
  --brand-500: #24907F;
  --brand-600: #0E7466;
  --brand-700: #0A5D52;
  --brand-800: #07463E;
  --brand-900: #052E2A;

  /* --- Neutrals (cool slate) --------------------------------------------------- */
  --slate-50:  #F8FAFC;
  --slate-100: #F1F5F9;
  --slate-200: #E2E8F0;
  --slate-300: #CBD5E1;
  --slate-400: #94A3B8;
  --slate-500: #64748B;
  --slate-600: #475569;
  --slate-700: #334155;
  --slate-800: #1E293B;
  --slate-900: #0F172A;
  --page-bg:   #F3F6F7;

  /* --- Status colours: tint (light bg) / ink (text) / border / solid --------- */
  --danger-600:    #D92D20;
  --danger-700:    #B42318;
  --danger-tint:   #FEF3F2;
  --danger-border: #FDA29B;

  --success-500:    #16A34A;
  --success-600:    #15803D;
  --success-tint:   #ECFDF3;
  --success-ink:    #05603A;
  --success-border: #75E0A7;

  --warning-500:    #F59E0B;
  --warning-tint:   #FFFAEB;
  --warning-ink:    #93370D;

  --info-tint:   #EFF8FF;
  --info-ink:    #175CD3;
  --info-border: #84CAFF;

  --overlay-rgb: 15, 23, 42;

  /* --- Shape ----------------------------------------------------------------- */
  --radius-card: 6px;
  --radius-ctl:  4px;

  /* --- Elevation --------------------------------------------------------------- */
  --shadow-card:  0 1px 2px rgba(var(--overlay-rgb), .05);
  --shadow-raise: 0 4px 10px rgba(var(--overlay-rgb), .10), 0 1px 3px rgba(var(--overlay-rgb), .06);
  --shadow-modal: 0 18px 36px rgba(var(--overlay-rgb), .20), 0 3px 9px rgba(var(--overlay-rgb), .10);

  /* --- Type ------------------------------------------------------------------ */
  --font-sans:  'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:  'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
  --font-serif: 'Outfit', 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;

  /* --- Chart series ------------------------------------------------------- */
  --chart-1: #0E7466;
  --chart-2: #F59E0B;
  --chart-3: #6366F1;
  --chart-4: #E11D48;
  --chart-5: #0EA5E9;
  --chart-6: #64748B;
}