/* ==========================================================================
   Dogware Group — brand spine tokens (single source of truth)
   Mirrors brand/group/tokens.json. For a NEW member site: keep the spine,
   change --accent-2 (the member's secondary) + the logo assets. That's it.
   ========================================================================== */
:root {
  /* --- Ink surfaces (identical across the whole group) --- */
  --ink:            #0B1220;
  --surface:        #0F172A;
  --surface-2:      #131F38;   /* one step up from surface for cards on ink */
  --line:           #23304A;
  --line-light:     #E2E8F0;
  --paper:          #F7F9FC;
  --text:           #F7F9FC;
  --muted:          #94A3B8;
  --slate:          #64748B;

  /* --- The connective accent (the one color on EVERY member) --- */
  --violet:         #7C5CFF;
  --violet-deep:    #7C3AED;

  /* --- Per-member secondary (HQ = cyan). Swap this per site. --- */
  --accent-2:       #06B6D4;   /* Dogware HQ cyan */

  --gradient:       linear-gradient(135deg, #7C5CFF 0%, #06B6D4 100%);
  --gradient-soft:  linear-gradient(135deg, rgba(124,92,255,.16) 0%, rgba(6,182,212,.10) 100%);

  /* --- Typography stack --- */
  --font-display: "Rubik", "Heebo", system-ui, sans-serif;
  --font-body:    "Rubik", "Heebo", system-ui, sans-serif;
  --font-he:      "Heebo", "Rubik", system-ui, sans-serif;
  --font-mono:    "Space Mono", ui-monospace, monospace;

  /* --- Radii --- */
  --r-sm:   6px;
  --r-md:  12px;
  --r-lg:  20px;
  --r-pill: 999px;

  /* --- Spacing rhythm --- */
  --gutter: clamp(20px, 5vw, 40px);
  --section-y: clamp(64px, 9vw, 128px);
  --container: 1200px;

  /* --- Elevation --- */
  --shadow-sm: 0 1px 2px rgba(2,6,23,.4);
  --shadow-md: 0 12px 40px rgba(2,6,23,.45);
  --shadow-glow: 0 0 0 1px rgba(124,92,255,.35), 0 18px 60px rgba(124,92,255,.20);

  /* --- Motion --- */
  --ease: cubic-bezier(.22,.61,.36,1);
}