/* ============================================================
   PCPR LIVESTOCK TECHNOLOGY SUITE — BRAND TOKENS  v1.0
   Source of truth: Brand Standards v1.0 + Founder rulings 2026-08-01
     Ruling 1: one purple only (#3d0e6b eliminated)
     Ruling 2: system font stack
   Every module copies this file into public/ unchanged.
   Change a value HERE, never in an app.
   ============================================================ */

:root {

  /* ---- Brand colours (Brand Standards §3 — the only three) ---- */
  --pcpr-purple:        #4A1A6B;  /* Grand Champion Purple — headers, primary buttons, brand */
  --pcpr-silver:        #B8B8B8;  /* Metallic Silver — borders, accents */
  --pcpr-silver-light:  #E8E8E8;  /* Light Metallic Silver — card backgrounds, contrast areas */

  /* ---- Interaction states ---- */
  --pcpr-purple-hover:  #3F165C;  /* the ONLY approved darkening — no app invents its own */
  --pcpr-purple-light:  #6B3A8C;  /* gradients / highlights ONLY — never text, never buttons */
  --pcpr-focus:         #4A1A6B;
  --pcpr-focus-ring:    0 0 0 3px rgba(74, 26, 107, 0.35);

  /* ---- Supporting neutrals (Standards §3 "use sparingly") ---- */
  --pcpr-white:         #FFFFFF;
  --pcpr-ink:           #2B2B2B;  /* professional text — already dominant in Show Barn + Brand Site */
  --pcpr-ink-soft:      #555555;  /* secondary text — most-used gray in Neonatal */
  --pcpr-border:        #D0D0D0;  /* standard border — replaces #ccc / #ddd / #c0c0c0 variants */

  /* ---- Derived purple tints (replace the 30+ ad-hoc light purples) ---- */
  --pcpr-purple-tint:   #E3D9EC;  /* light purple wash — most-used tint in Neonatal + Show Barn */
  --pcpr-purple-faint:  #F7F5F9;  /* near-white purple — page/card backgrounds */

  /* ---- Semantic status colours (one each, from current best usage) ---- */
  --pcpr-good:          #2E7D32;  /* green — on target, healthy */
  --pcpr-watch:         #B45309;  /* amber — needs attention */
  --pcpr-concern:       #C0392B;  /* red — act now (Neonatal's red) */
  --pcpr-info:          #1565C0;  /* blue — neutral information */

  /* ---- Show / Achievement accents (use sparingly) ----
     Gold is RESERVED for show / achievement contexts only: show card headers,
     trophies, ranking badges, days-away pills. NEVER for primary buttons,
     navigation, body text, or general UI. Primary actions stay purple. */
  --pcpr-gold:          #C9A227;  /* primary gold — show headers, trophies, highlights */
  --pcpr-gold-dark:     #A8841A;  /* deeper gold for gradient ends / hover */
  --pcpr-gold-light:    #E8D48B;  /* light gold for badges or subtle accents */
  --pcpr-gold-faint:    #FBF6E9;  /* very light gold wash if needed */

  /* ---- Typography (Founder ruling 2) ----
     EXCEPTIONS (Founder rulings):
       2026-08-01 — Brand Site keeps Playfair Display + Inter (marketing).
       2026-08-02 — Livestock Tracker keeps Playfair Display + Source Sans 3
                    (flagship's established identity).
     Every other APP uses --pcpr-font. */
  --pcpr-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --pcpr-font-mono: Consolas, "Courier New", monospace;

  /* Type scale — seven steps, replaces 22–26 per app */
  --t-xs:   0.75rem;   /* 12px — fine print, badges */
  --t-sm:   0.875rem;  /* 14px — secondary text, labels */
  --t-base: 1rem;      /* 16px — body */
  --t-lg:   1.125rem;  /* 18px — emphasized body, card titles */
  --t-xl:   1.375rem;  /* 22px — section headings */
  --t-2xl:  1.75rem;   /* 28px — page titles */
  --t-3xl:  2.25rem;   /* 36px — hero only */

  --leading-tight: 1.25;
  --leading-body:  1.5;

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

  /* ---- Shape — four radii (replaces 17 in Show Barn) ---- */
  --r-sm:   4px;    /* inputs, badges */
  --r-md:   8px;    /* buttons, small cards */
  --r-lg:   14px;   /* cards, modals */
  --r-pill: 999px;  /* pills, status badges */

  /* ---- Elevation — three shadows (replaces 14) ---- */
  --shadow-1: 0 1px 3px rgba(0,0,0,.10);   /* resting cards */
  --shadow-2: 0 3px 10px rgba(0,0,0,.12);  /* raised: dropdowns, hover */
  --shadow-3: 0 8px 24px rgba(0,0,0,.16);  /* modals only */

  /* ---- Motion ---- */
  --ease: 150ms ease;
}