/**
 * tokens.css
 * The design system, taken from the approved mockup and CLAUDE.md.
 * These values are fixed. Do not introduce a colour that is not here.
 */

:root {
  /* Ink and text */
  --ink:      #16233B;  /* headings, primary text */
  --ink2:     #2C3E5A;  /* secondary text */
  --slate:    #5C6B7A;  /* labels */
  --mute:     #8A97A6;  /* hints */

  /* Surfaces */
  --paper:    #EEF1F5;  /* app background */
  --card:     #FFFFFF;
  --line:     #DCE2E9;  /* borders */
  --line2:    #EDF0F4;  /* inner dividers */

  /* Verdigris: primary actions, money in */
  --verd:     #2F6B5E;
  --verd-bg:  #E4EFEA;
  --verd-dk:  #1F4B42;

  /* Brass: Gift Aid */
  --brass:    #8F7228;
  --brass-bg: #F5EEDD;

  /* Claret: money out, warnings, destructive */
  --claret:    #8E2E3B;
  --claret-bg: #F8EAEC;

  /* Shape */
  --radius:      14px;  /* cards */
  --radius-ctrl: 11px;  /* controls */
  --radius-pill: 999px;

  /* Type */
  --font-head: "Spectral", Georgia, "Times New Roman", serif;
  --font-ui:   "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Layout */
  --tap-min: 44px;   /* accessibility floor, never go below this */
  --appbar-h: 56px;
  --tabbar-h: 60px;

  /* Motion, overridden to none under prefers-reduced-motion in base.css */
  --ease: cubic-bezier(0.2, 0, 0.2, 1);
  --dur: 160ms;

  /* Safe areas for notched phones and home indicators */
  --safe-top:    env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left:   env(safe-area-inset-left, 0px);
  --safe-right:  env(safe-area-inset-right, 0px);
}