/* ============================================================
   COLLECTORS CLUB — BRAND TOKENS (MASTER TAPE)
   Digital = midnight canvas, neon type, cream cards, scanlines.
   70/20/10: midnight/cream canvas · one neon leads · warm rest.
   ============================================================ */
:root {
  /* -- CANVAS -- */
  --cc-midnight:      #1E1233;  /* default digital canvas */
  --cc-midnight-2:    #271741;  /* raised midnight surface / alt band */
  --cc-midnight-deep: #150B24;  /* deepest: drops, club night, footer */
  --cc-cream:         #F5EFE0;  /* paper & utility cards */
  --cc-paper:         #FBF7EC;  /* card surface on cream */

  /* -- NEON (accents: pink leads, cyan supports) -- */
  --cc-pink:          #FF5FA2;  /* hero accent, CTAs, one shout word */
  --cc-cyan:          #37D2E6;  /* kickers on midnight, grid horizon, support */
  --cc-cyan-deep:     #17758A;  /* cyan that holds contrast on cream */

  /* -- WARM (the room) -- */
  --cc-walnut:        #6B4A32;
  --cc-amber:         #E8A24C;  /* tungsten: highlights, glows, price tags */
  --cc-oxblood:       #7A3B3B;  /* accent word on cream, spot use */
  --cc-felt:          #3E7A5E;  /* success */

  /* -- TEXT ON MIDNIGHT -- */
  --cc-on-mid:        #F3EDFA;  /* headings / strong */
  --cc-on-mid-body:   #BCB1CE;  /* body */
  --cc-on-mid-muted:  #9488AE;  /* metadata (AA on midnight) */
  --cc-line-mid:      rgba(180,155,225,.18);

  /* -- TEXT ON CREAM -- */
  --cc-on-cream:      #1E1233;  /* headings / strong */
  --cc-on-cream-body: #493B60;  /* body */
  --cc-on-cream-muted:#8B8168;  /* metadata */
  --cc-line-cream:    #D8CFBA;

  /* -- TYPE -- */
  --cc-font-display: 'Archivo Black', 'Archivo', system-ui, sans-serif;
  --cc-font-mono:    'Space Mono', 'IBM Plex Mono', monospace;
  --cc-font-body:    'Inter', 'Archivo', system-ui, sans-serif;

  --cc-text-xs: 12px;  --cc-text-sm: 14px;  --cc-text-md: 16px;
  --cc-text-lg: 20px;  --cc-text-xl: 28px;  --cc-text-2xl: 40px;
  --cc-text-hero: clamp(44px, 7vw, 88px);
  --cc-track-kicker: 0.22em;
  --cc-lh-body: 1.62;

  /* -- SHAPE & SPACE -- */
  --cc-radius: 0px;
  --cc-radius-card: 6px;
  --cc-rule-thick: 5px;
  --cc-space-1: 8px; --cc-space-2: 16px; --cc-space-3: 24px; --cc-space-4: 40px; --cc-space-5: 64px;

  /* -- COMPONENT SEMANTICS -- */
  --cc-btn-bg: var(--cc-pink);
  --cc-btn-fg: var(--cc-midnight);
  --cc-focus-ring: 2px solid var(--cc-cyan);
}

/* Scanline / CRT texture — over midnight surfaces only (~12%). Never over photography. */
.cc-scanlines::after {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: repeating-linear-gradient(
    0deg, rgba(0,0,0,.34) 0, rgba(0,0,0,.34) 1px, transparent 1px, transparent 4px);
  opacity: .55;
}

/* Core type atoms */
.cc-kicker {
  font-family: var(--cc-font-mono); text-transform: uppercase;
  letter-spacing: var(--cc-track-kicker); font-size: var(--cc-text-xs);
  color: var(--cc-cyan); font-weight: 700;
}
.cc-display {
  font-family: var(--cc-font-display); font-style: italic;
  color: var(--cc-on-mid); line-height: 1.05; letter-spacing: -0.01em;
}
.cc-display .accent { color: var(--cc-pink); } /* max ONE per headline */

/* Signature double rule — pink over cyan, always that order */
.cc-rule    { width: 260px; max-width: 68%; height: var(--cc-rule-thick); background: var(--cc-pink); }
.cc-rule--b { width: 200px; max-width: 52%; height: 3px; background: var(--cc-cyan); margin-top: 4px; }

.cc-barcode { font-family: var(--cc-font-mono); letter-spacing: -1px; user-select: none; }