/* ===================================================================
   Sortd — Brand Tokens · v1 · THE source of truth
   Import this everywhere: hirer app, pro app, admin, internal, email.
   Never hard-code a hex or a font family in product code.
   =================================================================== */
:root{
  /* — Brand — */
  --brand:              #1B622C;   /* Forest green — primary */
  --brand-dk:           #174F24;   /* hover / pressed */
  --brand-moss:         #3D7A52;   /* secondary green */
  --accent:             #C9A96E;   /* Gold — decorative accent ONLY, never text */
  --accent-ink:         #3A2800;   /* the one legible on-gold text colour */

  /* — Neutrals (warm, never cool grey) — */
  --ink:                #1A2E1F;   /* primary text */
  --text:               #6B655D;   /* secondary text (AA at 14px+) */
  --muted:              #9A9388;   /* icons, hairlines — NOT text */
  --surface:            #F4F2EB;   /* cream page background */
  --surface-raised:     #FFFFFF;   /* cards */
  --surface-sunken:     #EFEDE4;   /* wells, tracks */
  --line:               #E0D9CF;   /* warm border */
  --line-strong:        #D4CCBE;

  /* — Green tints (fills, chips, hovers) — */
  --brand-05:  rgba(27,98,44,0.05);
  --brand-10:  rgba(27,98,44,0.10);
  --brand-14:  rgba(27,98,44,0.14);

  /* — Semantic status (shared across hirer / pro / admin) — */
  --ok:        #1B622C;  --ok-bg:   #E9F1EA;
  --warn:      #A9651A;  --warn-bg: #F7EDDA;
  --err:       #B23B32;  --err-bg:  #F7E6E3;
  --info:      #3E5C8A;  --info-bg: #E7EDF6;

  /* — Type — */
  --font-display: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --font-text:    "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-num:     "Inter", ui-sans-serif, system-ui, sans-serif; /* tabular-nums; retires Geist Mono */
  --tracking-display: -0.03em;
  --tracking-tight:   -0.02em;

  /* — Radius — */
  --radius-pill: 999px;  /* buttons, chips */
  --radius-card: 20px;   /* cards, sheets */
  --radius-tile: 12px;   /* icon tiles, inputs */
  --radius-sm:   8px;

  /* — Spacing scale — */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;

  /* — Elevation — */
  --shadow-sm: 0 1px 3px rgba(26,46,31,0.06);
  --shadow-md: 0 1px 3px rgba(26,46,31,0.06), 0 18px 44px -28px rgba(26,46,31,0.35);

  /* — Focus (3:1 on any surface) — */
  --focus-ring: 0 0 0 2px #FFFFFF, 0 0 0 4px var(--brand);
}
/* Numeric / tabular contexts */
.num, [data-num]{ font-family: var(--font-num); font-variant-numeric: tabular-nums; }