/*
 * FinFlot — design tokens. The single :root for every page.
 * Linked first on index.html, finstein.html, privacy.html and terms.html.
 * JS reads colours through FF.tokens() (assets/ff-core.js); never duplicate hex here elsewhere.
 * z-index ladder: nav 60 < tooltip 100 < Finstein 150 < consent 200.
 */
:root {
  --paper: #FAF7F0;
  --paper-2: #F3EDE0;
  --card: #FFFFFF;
  --ink: #142440;
  --ink-soft: #4C5A74;
  --muted: #7A8499;
  --line: #E4DCCA;
  --dot-off: #9B8A69;   /* the "not part of this relationship" dot: readable (3.4:1), still clearly inactive */
  --line-soft: #ECE6D6;
  --blue: #2456C8;
  --blue-soft: #5B79D8;
  --navy: #16294F;
  --navy-2: #1D3663;
  --gold: #C3922E;
  --gold-ink: #8F6A14;
  --gold-light: #E9C267;
  --green: #1E5B45;
  --ivory: #FBF8F1;
  --grad: linear-gradient(92deg, #2456C8 10%, #C3922E 90%);
  --logo-blue: #1E3D8F;
  --logo-gold: #F0A40E;

  --serif: 'Fraunces', Georgia, serif;
  --sans: 'IBM Plex Sans', 'Helvetica Neue', sans-serif;
  --mono: 'IBM Plex Mono', monospace;

  --nav-h: 72px;
  --wrap: 1200px;
  --r-card: 16px;
  --r-panel: 22px;
  --shadow-card: 0 18px 40px rgba(20,36,64,0.08);
  --shadow-panel: 0 24px 60px rgba(20,36,64,0.10);
  --ease: cubic-bezier(0.22, 0.61, 0.21, 1);

  --z-nav: 60;
  --z-tooltip: 100;
  --z-finstein: 150;
  --z-consent: 200;
}