/* ============================================================================
   RTL Bridge Liquidity Calculator — Design Tokens
   Dominion brand palette + typography. Single source of truth for colors,
   fonts, spacing, and shared CSS vars. Cloned from the Real Estate Risk
   Analyst tokens — same Dominion Financial brand.
   ============================================================================ */

:root {
  /* --- Brand palette --- */
  --dominion-blue: #0A2240;
  --dominion-green: #76C043;
  --dominion-green-light: #A5D647;
  --dominion-green-dark: #5a9e2b;
  --green-dark: #4a8c1f;
  --navy-sidebar: #1F3A5C;
  --navy-deep: #0D1A2E;

  /* --- Neutrals --- */
  --white: #FFFFFF;
  --light-gray: #F5F7FA;
  --soft-gray: #FAFBFC;
  --gray: #667080;
  --dark-gray: #3A4049;
  --border: #E8EBF0;
  --border-soft: #F0F2F5;

  /* --- Semantic tones (foreground + background pairs) --- */
  --red: #DC2626;
  --red-fg: #991B1B;
  --red-bg: #FEE2E2;

  --amber: #D97706;
  --amber-fg: #92400E;
  --amber-bg: #FEF3C7;

  --green-fg: var(--dominion-green-dark);
  --green-bg: #F5FBF0;

  --blue: #2563EB;
  --blue-fg: #1E3A8A;
  --blue-bg: #DBEAFE;

  --gray-bg: #F3F4F6;
  --gray-fg: #374151;

  /* --- Geometry --- */
  --radius: 0.75rem;
  --radius-lg: 1rem;
  --radius-pill: 100px;

  /* --- Shadows --- */
  --shadow-sm: 0 1px 3px rgba(10,34,64,.04), 0 1px 2px rgba(10,34,64,.02);
  --shadow-md: 0 4px 12px rgba(10,34,64,.06), 0 2px 4px rgba(10,34,64,.03);
  --shadow-lg: 0 12px 32px rgba(10,34,64,.08), 0 4px 12px rgba(10,34,64,.04);
}

.serif { font-family: 'Cormorant Garamond', serif; }