/* ============================================================================
   FundSense design tokens, the single source of brand truth.
   Brand navy + coral are kept (they match CCI API Brand.java, the Excel workbook
   and the client PDF). Everything around them is neutral so the accent can mean
   something.
   ============================================================================ */

@font-face {
  font-family: 'Lufga';
  src: url('/assets/fonts/Lufga-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lufga';
  src: url('/assets/fonts/Lufga-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---- brand ---- */
  --navy:        #12203F;
  --navy-2:      #22345E;
  --accent:      #EF4D38;
  --accent-2:    #D43C28;
  --accent-soft: #FDECE9;

  /* ---- neutrals ---- */
  --paper:   #FFFFFF;
  --bg:      #FAFAFA;
  --bg-sunk: #F5F6F8;
  --ink:     #14192B;
  --ink-2:   #565E72;
  --ink-3:   #8A90A0;
  --rule:    #E7E8EC;
  --rule-2:  #D4D7DE;

  /* ---- status (data, not decoration) ---- */
  --ok:      #157F55;
  --ok-bg:   #E8F4EE;
  --warn:    #9A6608;
  --warn-bg: #FBF2E0;
  --err:     #C3341F;
  --err-bg:  #FBEAE7;
  --info:    #2F6DA8;
  --info-bg: #EAF1F8;

  /* ---- benchmark line palette (cycled, index 0 = blue) ---- */
  --bench-0: #4585C6;
  --bench-1: #0E9F8E;
  --bench-2: #7C4DC4;
  --bench-3: #C8860A;
  --bench-4: #2E8B57;
  --bench-5: #C0398B;

  /* ---- typography ---- */
  --font-brand: 'Lufga', 'Segoe UI', system-ui, sans-serif;
  --font-body:  'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --font-mono:  'Cascadia Code', 'SF Mono', 'Consolas', 'Roboto Mono', monospace;

  --fs-display: 2.05rem;
  --fs-h1:      1.6rem;
  --fs-h2:      1.15rem;
  --fs-h3:      0.95rem;
  --fs-body:    0.9rem;
  --fs-sm:      0.825rem;
  --fs-xs:      0.72rem;

  /* ---- space ---- */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 40px;
  --s7: 64px;

  /* ---- radius / shadow / motion ---- */
  --r1: 3px;
  --r2: 6px;
  --r3: 10px;
  --shadow: 0 8px 28px rgba(18, 32, 63, 0.10), 0 2px 6px rgba(18, 32, 63, 0.06);
  --ease: cubic-bezier(0.2, 0.6, 0.35, 1);

  --container: 1160px;
  --header-h: 60px;
}