/* ==========================================================================
   TransferKu brand tokens: THE single place to change brand colours & type.
   Rebrand: edit the values below, and replace the two logo files in
   /images/brand/ (logo.png = on light, logo-white.png = on dark, favicon.png).
   Every page reads these variables; no colour is hard-coded elsewhere.
   ========================================================================== */
:root {
  --tk-primary: #345DE8;        /* brand blue */
  --tk-primary-dark: #2647B8;   /* hover / pressed */
  --tk-accent: #47ACFB;         /* light brand blue */
  --tk-black: #000000;
  --tk-white: #FFFFFF;

  --tk-ink: #0E1726;            /* body headings (near-black) */
  --tk-text: #3D4757;           /* body copy */
  --tk-muted: #6B7585;          /* secondary copy */
  --tk-line: #E3E8F0;           /* hairlines, borders */
  --tk-surface: #F5F7FB;        /* alternate section background */
  --tk-surface-blue: #EEF3FE;   /* tinted panels */
  --tk-dark: #0B1220;           /* footer / dark bands */

  --tk-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --tk-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --tk-radius: 10px;
  --tk-radius-lg: 16px;
  --tk-logo-height: 34px;       /* adjust if the new logo has a different aspect */
}