/*  =========================================================
    Clipboard Health — Design Tokens (colors + typography)
    =========================================================
    Reverse-engineered from the landing-page brand refresh
    palette (burgundy / crimson / yellow / cream) used in the
    Lynchburg CNA campaign and the web redesign palette.
    ========================================================= */

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

:root {
  /* ---- Typography ---- */
  --cb-font-sans:   'Work Sans', system-ui, -apple-system, sans-serif;
  --cb-font-serif:  'Besley', Georgia, 'Times New Roman', serif;

  /* ---- Burgundy ---- */
  --cb-burgundy-400: #612B29;
  --cb-burgundy-700: #4A1C1E;
  --cb-burgundy-800: #37171A;
  --cb-burgundy-900: #2A1012;

  /* ---- Crimson / Raspberry ---- */
  --cb-crimson-600:  #CA3051;
  --cb-crimson-700:  #A8273F;

  /* ---- Yellow ---- */
  --cb-yellow-500:   #FAFA64;

  /* ---- Cream ---- */
  --cb-cream-200:    #F8F5EE;
  --cb-cream-300:    #F0EBE0;

  /* ---- Neutrals ---- */
  --cb-paper:        #FFFFFF;

  /* ---- Foreground / text ---- */
  --cb-fg-primary:   #37171A;
  --cb-fg-muted:     rgba(55, 23, 26, 0.55);

  /* ---- Borders ---- */
  --cb-border-subtle: rgba(55, 23, 26, 0.12);

  /* ---- Shadows ---- */
  --cb-shadow-sm:    0 2px 8px rgba(55, 23, 26, 0.06),
                     0 1px 2px rgba(55, 23, 26, 0.04);

  /* ---- Radii ---- */
  --cb-radius-pill:  999px;
  --cb-radius-md:    14px;
  --cb-radius-sm:    8px;
}