/* ============================================================
   DebtPerPerson — design tokens
   Derived from Profit Hawk DS: navy ink, warm neutrals, Inter +
   JetBrains Mono. The loud lime is softened into a calmer fiscal
   accent; each homepage direction declares its own accent below.
   ============================================================ */

:root {
  /* ---- Ink / neutrals (from Profit Hawk) ---- */
  --ink:          #03012D;   /* deep navy — primary dark surface + headings */
  --ink-soft:     #14132E;
  --text:         #20242B;   /* body text, cool near-black */
  --paper:        #F6F5F1;   /* warm off-white canvas */
  --paper-2:      #FBFAF7;
  --card:         #FFFFFF;

  --n-0:   #FFFFFF;
  --n-50:  #F6F5F1;
  --n-100: #EDECE7;
  --n-200: #E0DFD8;   /* hairline borders */
  --n-300: #C9C8BF;
  --n-400: #9C9B91;
  --n-500: #6F6E65;   /* hints */
  --n-600: #514F47;   /* secondary labels */
  --n-700: #393831;
  --n-800: #23221C;
  --n-900: #14130E;

  /* ---- Calm fiscal accents (softened, nonpartisan) ---- */
  --teal:    #0E7C66;   /* Ledger primary accent */
  --teal-50: #E7F3F0;
  --mint:    #2FA877;   /* Tracker "live / on-track" green */
  --mint-50: #E8F6EF;
  --amber:   #B5832E;   /* Counter accent — calm ochre/gold */
  --amber-50:#F6EFDF;
  --coral:   #C44A52;   /* attention only, used sparingly */

  /* ---- Type ---- */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* ---- Radii ---- */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-pill: 999px;

  /* ---- Shadows (navy-tinted, low spread) ---- */
  --sh-xs: 0 1px 0 rgba(3,1,45,0.04);
  --sh-sm: 0 1px 2px rgba(3,1,45,0.06), 0 1px 1px rgba(3,1,45,0.04);
  --sh-md: 0 4px 14px rgba(3,1,45,0.08), 0 1px 2px rgba(3,1,45,0.04);
  --sh-lg: 0 16px 40px rgba(3,1,45,0.12), 0 2px 6px rgba(3,1,45,0.05);
}

/* base reset within artboards */
.dpp {
  font-family: var(--font-sans);
  color: var(--text);
  background: var(--paper);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  box-sizing: border-box;
}
.dpp *, .dpp *::before, .dpp *::after { box-sizing: border-box; }
.dpp h1, .dpp h2, .dpp h3, .dpp h4, .dpp p, .dpp ul, .dpp figure { margin: 0; }
.dpp a { color: inherit; text-decoration: none; }
.dpp button { font-family: inherit; cursor: pointer; }
.dpp ul { list-style: none; padding: 0; }

.tnum { font-variant-numeric: tabular-nums; }
.mono { font-family: var(--font-mono); }

/* shared eyebrow */
.dpp .eyebrow {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}