/* ===========================================================
   The Digital Safety Blueprint — Design Tokens
   Feel: reputable bank meets friendly guide.
   =========================================================== */
:root {
  /* Warm neutrals */
  --bg:        #FAF6EE;   /* warm white page */
  --bg-alt:    #F2EBDD;   /* warm sand panel  */
  --bg-card:   #FFFFFF;
  --ink:       #16211D;   /* warm near-black text */
  --ink-soft:  #3C4A45;
  --muted:     #62716B;   /* muted captions      */
  --line:      #E4DBCB;   /* hairline on warm bg */

  /* Deep navy (trust, authority) */
  --navy:      #0E2C44;
  --navy-700:  #143A56;
  --navy-900:  #081E2F;
  --navy-tint: #E9EEF2;

  /* Confident green-teal (safety) */
  --teal:      #12866B;
  --teal-600:  #0E6E58;
  --teal-300:  #5FB39C;
  --teal-tint: #E4F0EB;

  /* Warm amber (CTA only) */
  --amber:       #E89A2B;
  --amber-strong:#D8861A;
  --amber-tint:  #FBEFD8;

  /* Radii */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-pill: 999px;

  /* Shadows — soft, premium, never harsh */
  --sh-sm: 0 1px 2px rgba(8,30,47,.06), 0 1px 3px rgba(8,30,47,.05);
  --sh-md: 0 8px 24px rgba(8,30,47,.08), 0 2px 6px rgba(8,30,47,.05);
  --sh-lg: 0 26px 60px rgba(8,30,47,.14), 0 8px 20px rgba(8,30,47,.08);
  --sh-amber: 0 10px 24px rgba(216,134,26,.30);

  /* Type */
  --serif: "Newsreader", Georgia, "Times New Roman", serif;
  --serif-disp: "Source Serif 4", Georgia, serif;
  --sans:  "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono:  "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
}