/* Base palette — values lifted verbatim from the Aequitas source. */
:root {
  /* Navy — the brand core. #0F2C82 is the overlay navy used across the marketing site. */
  --navy-900: #050d24;
  --navy-800: #0a1a3d;
  --navy-700: #0f2c82;
  --navy-600: #1d4ed8;

  /* Slate neutrals — the portal's entire UI surface */
  --slate-900: #0f172a;
  --slate-800: #1e293b;
  --slate-700: #334155;
  --slate-600: #475569;
  --slate-500: #64748b;
  --slate-400: #94a3b8;
  --slate-300: #cbd5e1;
  --slate-200: #e2e8f0;
  --slate-100: #f1f5f9;
  --slate-50: #f8fafc;
  --slate-25: #f7f8fb;
  --white: #ffffff;

  /* Blue accent. `refreshed` = login + dashboard. `legacy` = deposit/withdraw/statements/profile. */
  --blue-accent: #2563eb;
  --blue-hover: #1d4ed8;
  --blue-legacy: #3b82f6;
  --blue-legacy-hover: #2563eb;

  /* Marketing-site inks (warmer, near-black, distinct from the portal slates) */
  --marketing-ink: #0c161f;
  --marketing-ink-alt: #0d1b28;
  --marketing-body: #171717;
  --marketing-quiet: #a1a1a1;
  --marketing-line: #e5e5e5;

  /* Semantic — refreshed set (darker, AA on white) */
  --success: #047857;
  --success-bg: #ecfdf5;
  --success-border: #a7f3d0;
  --error: #b91c1c;
  --error-bg: #fef2f2;
  --error-border: #fecaca;
  --warning: #b45309;

  /* Semantic — legacy set (brighter, used on the older portal screens) */
  --success-legacy: #10b981;
  --error-legacy: #ef4444;
  --warning-legacy: #f59e0b;
  --info-legacy: #06b6d4;
  --warning-surface: #fef3c7;
  --warning-ink: #92400e;
  --warning-ink-soft: #78350f;

  /* Tinted washes — always rgba over the surface, never a solid */
  --tint-blue-04: rgba(59, 130, 246, 0.04);
  --tint-blue-10: rgba(59, 130, 246, 0.1);
  --tint-blue-20: rgba(59, 130, 246, 0.2);
  --tint-blue-30: rgba(59, 130, 246, 0.3);
  --tint-success-10: rgba(16, 185, 129, 0.1);
  --tint-warning-10: rgba(245, 158, 11, 0.1);
  --tint-error-10: rgba(239, 68, 68, 0.1);
  --tint-white-05: rgba(255, 255, 255, 0.05);
  --tint-white-10: rgba(255, 255, 255, 0.1);
  --tint-white-50: rgba(255, 255, 255, 0.5);

  /* Photographic overlay stacks — how brand imagery is always darkened */
  --overlay-hero: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(0deg, rgba(15, 44, 130, 0.59) 0%, rgba(15, 44, 130, 0.59) 100%); /* @kind color */
  --overlay-section: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), linear-gradient(0deg, rgba(15, 44, 130, 0.3) 0%, rgba(15, 44, 130, 0.3) 100%); /* @kind color */
  --overlay-auth: linear-gradient(135deg, rgba(2, 6, 18, 0.82) 0%, rgba(5, 13, 36, 0.78) 50%, rgba(8, 22, 60, 0.78) 100%); /* @kind color */
}