/* ============================================================================
   ProShop design tokens — SINGLE SOURCE OF TRUTH
   ----------------------------------------------------------------------------
   Figma reconciliation is pending (see the Figma hand-off spec). When the real
   tokens are extracted from the ProShop Design Library, replace the VALUES in
   this file only — no other file hard-codes a colour, so the swap stays a
   one-file change. Do not introduce raw hex values elsewhere in the hub.
   ============================================================================ */

:root{
  /* --- core palette (locked) --- */
  --ink:#0B061C;
  --ink-soft:#3C3849;
  --mute:#6D6A77;
  --line:#E7E6E8;
  --paper:#FFFFFF;
  --wash:#FBFAFC;
  --flame:#FF4F00;
  --flame-wash:#FFF6F2;
  --flame-line:#FFDCCC;

  /* --- status --- */
  --green:#198754;
  --amber:#B45309;
  --amber-wash:#FEF3C7;

  /* --- lens tints --- */
  --lens-buyer:#1F5FA8;
  --lens-user:#C8531A;
  --lens-role:#3F7D53;
  --lens-position:#6D6A77;

  /* --- typography --- */
  --sans:"Helvetica Neue",Arial,sans-serif;
  --mono:"SFMono-Regular",Consolas,Menlo,monospace;

  /* --- elevation / shape --- */
  --shadow:0 8px 30px rgba(11,6,28,.12);
  --shadow-lg:0 20px 54px rgba(11,6,28,.20);
  --radius:14px;
  --radius-sm:9px;
  --ring:0 0 0 3px var(--paper),0 0 0 6px rgba(255,79,0,.55);

  /* --- motion ---
     Transitions exist to answer a click (expand, switch, open). There is no
     decorative scroll-triggered motion in the hub by design. */
  --ease:cubic-bezier(.16,1,.3,1);
  --t-fast:.18s;
  --t-med:.32s;

  /* --- layout --- */
  --nav-h:60px;
  --maxw:1240px;
}

/* Per-lens accent: set data-lens on a container and use var(--accent) inside. */
[data-lens="buyer"]   { --accent:var(--lens-buyer); }
[data-lens="user"]    { --accent:var(--lens-user); }
[data-lens="role"]    { --accent:var(--lens-role); }
[data-lens="position"]{ --accent:var(--lens-position); }