/* FastPay tokens — Wise design language, Midnight Coral palette.
   Names are historical: --forest is the brand ink, --lime the action colour,
   --linen the soft tint, --fog-2 the card surface, --ground the screen background. */
:root {
  /* Brand */
  --forest: #14213d;        /* Navy ink: primary copy, dark surfaces */
  --lime: #ff8a5c;          /* Coral: primary action fill, one per view */
  --lime-press: #f37446;
  --spruce: #0b1530;        /* Deeper navy: tonal depth */
  --linen: #ffe7dc;         /* Peach: soft highlight surfaces, badges */

  /* Neutrals */
  --obsidian: #0f1629;      /* Display headlines */
  --charcoal: #3f4250;      /* Body copy */
  --slate: #5c5e66;         /* Supporting text (4.5:1+) */
  --pebble: #8a8a90;        /* Placeholders, icons, borders */
  --fog: #e3d9cc;           /* Dividers, pressed states */
  --fog-2: #efe8df;         /* Card surfaces */
  --paper: #ffffff;
  --ground: #f7f3ee;        /* Sand: screen background */
  --on-ink-muted: #b9c3dd;  /* Muted text on navy cards */

  /* Supporting accents */
  --blue: #0b4c72;          /* Signal Blue */
  --blue-soft: #dcebf4;
  --red: #cb272f;           /* Alarm Red */
  --red-soft: #fbe3e4;
  --amber: #7a4a00;
  --amber-soft: #fcefd2;

  /* Type */
  --font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  --font-display: "Inter Tight", "Inter", -apple-system, sans-serif;

  /* Shape */
  --r-sm: 10px;             /* inputs, cards */
  --r-lg: 28px;             /* sheets, hero cards */
  --r-pill: 9999px;         /* buttons, tags, segments */

  /* Flat elevation: hairlines only */
  --ring: 0 0 0 1px rgba(14, 15, 12, 0.12);
  --ring-inset: inset 0 0 0 1px rgba(14, 15, 12, 0.12);
  --hair: rgba(14, 15, 12, 0.10);

  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --safe-top: 54px;
  --safe-bottom: 34px;
}