/* ═══════════════════════════════════════════════════════════════════
   Ledgersmith Hub , design tokens (the single source)
   ---------------------------------------------------------------------
   This is THE token source for the whole Hub. It is linked from
   public/index.html (so every React app , Chat, Budgets, Admin,
   Referrals , inherits it) and should be linked by every standalone
   static tool (e.g. tax-planning.html) so a change here propagates
   everywhere. Do NOT redeclare these values in any app; use var(--…).
   See docs/HUB.md and docs/DESIGN-SYSTEM.md.

   Primary blue #0f32de is unified with the Ledgersmith website brand
   (06/07/2026). System font stack (privacy + speed, no web fonts).
   ═══════════════════════════════════════════════════════════════════ */
:root {
  --color-primary: #0f32de;
  --color-primary-2: #3a5cf5;
  --color-primary-grad: linear-gradient(135deg, #0f32de 0%, #3a5cf5 100%);
  --color-primary-light: #e9edfc;
  --color-primary-dark: #0c27ac;
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f6f7fb;
  --color-canvas: #fbfcff;
  /* Icon rail (widened to 104px with visible labels, Marty 22/07/2026).
     Rail palette lives here so the tools and every app read one source. */
  --color-rail: #16236f;
  --color-rail-active: #6b7cf0;
  --color-rail-hover: #505a95;
  --color-rail-text: #f2f2f2;
  /* Chat sidebar: matched to the rail navy 22/07/2026, separated from the
     rail and the canvas by a 1px accent border rather than a colour step. */
  --color-nav: #0a1240;
  --color-nav-border: #6b7cf0;
  --color-text-primary: #14161c;
  --color-text-secondary: #5c6370;
  --color-text-tertiary: #98a0ae;
  --color-border: #e9ecf2;
  /* Flat elevation scale (06/08/2026): hairline shadows only, borders do the
     separating. lg keeps a small lift for floating menus and modals. */
  --shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);
  --shadow-md: 0 1px 3px rgba(16, 24, 40, .07);
  --shadow-lg: 0 4px 12px rgba(16, 24, 40, .10);
  --shadow-brand: 0 1px 3px rgba(15, 50, 222, .25);
  --r-sm: 9px;
  --r-md: 13px;
  --r-lg: 18px;
  --ease: cubic-bezier(.22, .8, .26, 1);
  --overshoot: cubic-bezier(.3, 1.16, .45, 1);
  --ring: 0 0 0 4px rgba(15, 50, 222, .10);
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}