/* ============================================================
   NOMAD — SHARED TOKENS (both apps, one source)
   nomadfloripa.com and nomadvolleyball.com link this file first;
   each app's own styles add to it. Type, space, motion and chrome tokens joined 2026-09-23 (one product).
   Moved here from nomadfloripa.com/…/tokens.css block 1 (2026-09-23).
   ============================================================ */
:root {
  --bg-page: #FFFFFF;
  --text-primary: #0A0A0A;
  --text-muted: #6B6B6B;
  --action-primary: #00697E;
  --status-live: #00697E;
  --border-hairline: #EAEAEA;
  --radius-sm: 4px;
  --radius-card: 16px;
  --brand-cyan: #00ACD2;
  --brand-red: #D8303C;
  --brand-gold: #FCBD11;
  --color-silver: #B9C2C8;
  --color-bronze: #D9884D;

  /* — The crest's own colours (2026-09-26, the touches — nomadfloripa.com/DESIGN.md §11), read off the volleyball crest's gradients
     (nomadvolleyball.com/assets/CONTEXT.md). Defined for the crests' sake, NOT for the UI (no icons, no watermarks either): a red → orange → gold → cyan stripe read as a
     rainbow ("cheap"), a blue line on a card's edge and a blue gradient on the countdown numeral as "a Gemini-created app" and
     "horrible" — the UI stays ink, teal and hairlines and the crests carry the colour. — */
  --brand-orange: #F1861E;
  --brand-sky: #86D0EE;
  --brand-deep: #005986;

  /* — Product additions (values from the volleyball design system; moved from nomadfloripa.com, 2026-09-23) — */
  --surface-subtle: #F5F5F5;                 /* volleyball .team-badge */
  --action-primary-hover: #005566;           /* volleyball suggestions.css */
  --action-tint: rgba(0, 105, 126, 0.08);    /* volleyball desktop .team-badge */
  --action-tint-border: rgba(0, 105, 126, 0.2);
  --status-ok: #13863D;                      /* a paid ✅ — Rikki's own green check. (Green BUTTONS still mean WhatsApp.) */
  --whatsapp: #13863D;                       /* WhatsApp-hue green, ONLY for "Join" (WhatsApp) buttons.   */
  --whatsapp-deep: #0F7433;                  /* Deep enough for white text: 4.7:1 (brand #25D366 is 2:1). */

  /* — Type — */
  --font: 'Archivo', -apple-system, BlinkMacSystemFont, sans-serif;

  /* — Space: 8pt grid (rem) — */
  --s-half: 0.25rem;  /*  4 */
  --s-1: 0.5rem;      /*  8 */
  --s-2: 1rem;        /* 16 */
  --s-3: 1.5rem;      /* 24 */
  --s-4: 2rem;        /* 32 */
  --s-5: 2.5rem;      /* 40 */
  --s-6: 3rem;        /* 48 */
  --s-8: 4rem;        /* 64 */
  --s-10: 5rem;       /* 80 */

  /* — Motion (volleyball 08-motion.md) — */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-entrance: cubic-bezier(0.16, 1, 0.32, 1);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --dur-state: 150ms;
  --dur-enter: 340ms;
  --dur-open: 260ms;
  --dur-close: 180ms;
  --dur-media: 900ms;
  --stagger: 60ms;

  /* — Chrome (the volleyball app shell) — */
  --header-h: 48px;
  --frame-max: 1280px;
  --gutter: clamp(20px, 4vw, 48px);
  --tabbar-h: 64px;                   /* phones: the volleyball tab bar */
}
@media (min-width: 768px) { :root { --tabbar-h: 0px; } }
:root { --tabbar-space: calc(var(--tabbar-h) + env(safe-area-inset-bottom, 0px)); }   /* what the bar takes, notch included */

@media (min-width: 768px) { :root { --header-h: 56px; } }