/* Peptology — color tokens (Golden brand, from Peptology Marketing 1c).
   Warm gold-cream canvas, warm ink, teal primary, gold trade accent. */
:root {
  /* --- Surfaces --- */
  --page: #fbf1d6;   /* app background (gold-cream) */
  --card: #ffffff;   /* cards, sheets */
  --cream: #f6e7c6;  /* tinted panels, hero base */

  /* --- Ink / text --- */
  --ink: #2b2412;    /* primary text (warm espresso) */
  --sub: #6a5c3f;    /* secondary text */
  --muted: #a3947a;  /* tertiary / placeholders */
  --line: #e6d5a8;   /* hairline borders (warm gold) */

  /* --- Brand: teal --- */
  --primary: #0a7d80;   /* primary actions, links, active */
  --primary-d: #05656b; /* teal, darker (hover/press, labels) */

  /* --- Brand: gold --- */
  --gold: #b8831d;      /* trade / verified accents */
  --gold-b: #d9a441;    /* gold, brighter */
  --goldsoft: #f3e3bb;  /* gold tint fills */

  /* --- Semantic badge fills --- */
  --badge-cold-bg: #e6f3ff;   /* cold-chain */
  --badge-cold-fg: #1668a8;
  --badge-rx-bg: #fdeede;     /* prescription */
  --badge-rx-fg: #9a6414;

  /* --- Semantic aliases --- */
  --surface-app: var(--page);
  --surface-card: var(--card);
  --surface-tint: var(--cream);
  --text-strong: var(--ink);
  --text-body: var(--sub);
  --text-muted: var(--muted);
  --border-hairline: var(--line);
  --action-primary: var(--primary);
  --action-primary-press: var(--primary-d);
  --accent-trade: var(--gold);
  --overlay: rgba(43, 36, 18, .45);
}