/* VENUE CNTRL — design tokens (dark mode mirror of Artist CNTRL)
 * Same naming, same scale. Surfaces inverted; crimson stays.
 * Prefixed --vc-. Wireframe phase: greys + crimson only, no decoration.
 */

:root {
  /* ─── COLOR ─────────────────────────────────────── */
  --vc-color-canvas:           #0a0908;            /* page bg — near-black, club-floor */
  --vc-color-canvas-glow:      #14110f;            /* gentle corner wash */
  --vc-color-surface:          transparent;
  --vc-color-surface-raised:   #15120f;            /* cards, panels */
  --vc-color-surface-overlay:  #1c1816;            /* nested panels */
  --vc-color-surface-inverse:  #f5f4f2;            /* light callout cards */
  --vc-color-surface-warm:     #1e1815;            /* soft accent surface */
  --vc-color-surface-warm-deep:#2a201d;

  /* Wireframe fill — distinguishable from surface but neutral */
  --vc-color-wire:             rgba(255,255,255,0.04);
  --vc-color-wire-strong:      rgba(255,255,255,0.08);

  /* Borders */
  --vc-color-border:           rgba(255,255,255,0.08);
  --vc-color-border-strong:    rgba(255,255,255,0.16);
  --vc-color-border-subtle:    rgba(255,255,255,0.04);
  --vc-color-border-focus:     rgba(202, 41, 67, 0.4);

  /* Text */
  --vc-color-text-primary:     #f5f4f2;
  --vc-color-text-body:        #d8d6d2;
  --vc-color-text-secondary:   #908d88;
  --vc-color-text-tertiary:    #6a6762;
  --vc-color-text-muted:       #4d4a45;
  --vc-color-text-disabled:    #3a3733;
  --vc-color-text-on-accent:   #ffffff;

  /* Accent — crimson (slightly brighter for dark bg legibility) */
  --vc-color-accent:           #CA2943;
  --vc-color-accent-hover:     #e23a55;
  --vc-color-accent-muted:     rgba(202, 41, 67, 0.16);
  --vc-color-accent-glow:      rgba(202, 41, 67, 0.4);
  --vc-color-accent-wash:      rgba(202, 41, 67, 0.08);

  /* Status */
  --vc-color-success:          #4ade80;
  --vc-color-success-bg:       rgba(74, 222, 128, 0.14);
  --vc-color-warning:          #fbbf24;
  --vc-color-warning-bg:       rgba(251, 191, 36, 0.14);
  --vc-color-danger:           #f87171;
  --vc-color-danger-bg:        rgba(248, 113, 113, 0.14);
  --vc-color-info:             #60a5fa;
  --vc-color-info-bg:          rgba(96, 165, 250, 0.14);

  /* Show statuses (dedicated palette — every status user requested) */
  --vc-status-hold-1:          #fbbf24;  /* amber */
  --vc-status-hold-2:          #f59e0b;
  --vc-status-hold-3:          #d97706;
  --vc-status-confirmed:       #60a5fa;  /* blue */
  --vc-status-contract-sent:   #a78bfa;  /* violet */
  --vc-status-contract-signed: #818cf8;
  --vc-status-on-sale:         #4ade80;  /* green */
  --vc-status-sold-out:        #22c55e;
  --vc-status-day-of-show:     #CA2943;  /* crimson */
  --vc-status-settled:         #6a6762;  /* grey */
  --vc-status-cancelled:       #f87171;
  --vc-status-postponed:       #94a3b8;

  /* ─── TYPOGRAPHY ────────────────────────────────── */
  --vc-font-display: 'Archivo Black', 'Inter', system-ui, sans-serif;
  --vc-font-body:    'Inter', system-ui, -apple-system, sans-serif;
  --vc-font-mono:    ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --vc-weight-regular: 400;
  --vc-weight-medium:  500;
  --vc-weight-semibold: 600;
  --vc-weight-bold:    700;
  --vc-weight-black:   900;

  --vc-text-2xs:  9px;
  --vc-text-xs:   10px;
  --vc-text-sm:   11px;
  --vc-text-base: 12px;
  --vc-text-md:   13px;
  --vc-text-lg:   14px;
  --vc-text-xl:   16px;
  --vc-text-2xl:  18px;
  --vc-text-3xl:  22px;
  --vc-text-4xl:  26px;
  --vc-text-5xl:  32px;
  --vc-text-6xl:  44px;

  --vc-tracking-tighter: -0.02em;
  --vc-tracking-tight:   -0.01em;
  --vc-tracking-normal:  0;
  --vc-tracking-wide:    0.04em;
  --vc-tracking-wider:   0.08em;
  --vc-tracking-widest:  0.14em;
  --vc-tracking-mega:    0.18em;

  --vc-leading-tight:   1.2;
  --vc-leading-snug:    1.35;
  --vc-leading-normal:  1.45;
  --vc-leading-relaxed: 1.6;

  /* ─── SPACING ───────────────────────────────────── */
  --vc-space-0: 0;
  --vc-space-1: 4px;
  --vc-space-2: 8px;
  --vc-space-3: 12px;
  --vc-space-4: 16px;
  --vc-space-5: 20px;
  --vc-space-6: 24px;
  --vc-space-7: 32px;
  --vc-space-8: 40px;
  --vc-space-9: 56px;

  /* ─── RADIUS ────────────────────────────────────── */
  --vc-radius-xs:    4px;
  --vc-radius-sm:    8px;
  --vc-radius-md:    12px;
  --vc-radius-lg:    16px;
  --vc-radius-xl:    20px;
  --vc-radius-2xl:   24px;
  --vc-radius-3xl:   28px;
  --vc-radius-pill:  999px;
  --vc-radius-circle: 50%;

  /* ─── SHADOWS ───────────────────────────────────── */
  --vc-shadow-sm:     0 1px 3px rgba(0, 0, 0, 0.4);
  --vc-shadow-md:     0 10px 30px -15px rgba(0, 0, 0, 0.6);
  --vc-shadow-lg:     0 30px 80px -30px rgba(0, 0, 0, 0.8);
  --vc-shadow-card:   0 10px 30px -15px rgba(0, 0, 0, 0.5);
  --vc-shadow-accent: 0 4px 14px -4px rgba(202, 41, 67, 0.5);
  --vc-shadow-inset:  inset 0 1px 0 rgba(255, 255, 255, 0.05);

  /* ─── MOTION ────────────────────────────────────── */
  --vc-duration-fast:    120ms;
  --vc-duration-base:    200ms;
  --vc-duration-slow:    300ms;
  --vc-ease-standard:    cubic-bezier(0.2, 0, 0, 1);
  --vc-ease-emphasized:  cubic-bezier(0.3, 0, 0, 1.2);

  --vc-container-max:   1680px;
  --vc-container-pad:   24px;
  --vc-shell-pad:       40px;

  --vc-z-base:    0;
  --vc-z-raised:  10;
  --vc-z-overlay: 100;
  --vc-z-modal:   500;
  --vc-z-toast:   1000;
}