/* ==========================================================================
   FINTEC GROUP — CANONICAL BRAND TOKENS
   Single source of truth. Every property links this file — never copies it.
   Edit here only. Structural/component CSS stays local to each site.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;1,600&family=DM+Sans:wght@400;500;700&family=Inter:wght@400;500;600&display=swap');

:root {
  /* Mist base */
  --bg: #E7EAED;
  --card: #F5F7F8;
  --card2: #DDE2E6;
  --border: #C7CED4;

  /* Navy */
  --navy: #4B5D73;
  --navy-deep: #3E5068;

  /* Light blue — secondary/muted accent, badges, borders on dark. NOT a button fill. */
  --accent-2: #A1BCD4;
  --accent-small: #CADCEA;

  /* Clay — the one warm accent. Primary CTA fill + hero decoration only. */
  --clay: #B5562F;
  --clay-hover: #9A4726;

  /* Text */
  --text-dark: #1B2126;
  --text-muted: #59626B;
  --text-faint: #5E6871;

  /* Status */
  --green: #1E7A46;
  --red: #B23A3A;

  /* Categorical — ledger/financial data only */
  --amber: #A8721E;
  --blue-cat: #3D6B96;
  --purple-cat: #6B4C7A;
  --rose-cat: #A34A5C;

  /* Type */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'DM Sans', 'Inter', -apple-system, sans-serif;

  /* Shape */
  --radius-sm: 6px;
  --radius-lg: 16px;
  --container-w: 1160px;
}