/* Club 8 — color system.
   Predominantly black + off-white. Lime is emphasis ONLY, never a large background. */
:root{
  /* Base palette */
  --c8-bone: #F2F2ED;        /* off-white, warmer than pure white */
  --c8-black: #000000;       /* true black */
  --c8-lime: #B8FF32;        /* accent — CTAs, badges, selected, alerts */

  /* Neutral ramp (derived from bone→black for borders, surfaces, muted text) */
  --c8-bone-2: #E7E7E0;      /* subtle panel on bone */
  --c8-bone-3: #D8D8D0;      /* hairline on bone */
  --c8-gray-1: #9A9A93;      /* muted text on bone */
  --c8-gray-2: #55554F;      /* secondary text on bone */
  --c8-ink-1: #1A1A18;       /* raised surface on black */
  --c8-ink-2: #262622;       /* panel on black */
  --c8-ink-3: #3A3A34;       /* hairline / border on black */
  --c8-ink-mut: #8A8A82;     /* muted text on black */

  /* Lime interaction states */
  --c8-lime-press: #A6EB22;  /* pressed lime */

  /* ---- Semantic aliases (light / bone context = default) ---- */
  --bg: var(--c8-bone);
  --bg-elevated: #FFFFFF;
  --surface: var(--c8-bone);
  --surface-2: var(--c8-bone-2);
  --text: var(--c8-black);
  --text-secondary: var(--c8-gray-2);
  --text-muted: var(--c8-gray-1);
  --border: var(--c8-black);          /* clear, high-contrast borders */
  --border-subtle: var(--c8-bone-3);
  --accent: var(--c8-lime);
  --accent-text: var(--c8-black);     /* ALWAYS black text on lime */

  /* Inverse (black context) */
  --inv-bg: var(--c8-black);
  --inv-surface: var(--c8-ink-1);
  --inv-surface-2: var(--c8-ink-2);
  --inv-text: var(--c8-bone);
  --inv-text-muted: var(--c8-ink-mut);
  --inv-border: var(--c8-ink-3);
}

/* Dark scope: apply .c8-dark on any container to flip semantics to the black context */
.c8-dark{
  --bg: var(--c8-black);
  --bg-elevated: var(--c8-ink-1);
  --surface: var(--c8-ink-1);
  --surface-2: var(--c8-ink-2);
  --text: var(--c8-bone);
  --text-secondary: var(--c8-bone);
  --text-muted: var(--c8-ink-mut);
  --border: var(--c8-bone);
  --border-subtle: var(--c8-ink-3);
}