/* VENUE CNTRL — LIGHT THEME
 * Loaded AFTER vc-tokens.css and vc-hifi.css.
 * Flips the Stitch dark design to light, AC-brand colors.
 * Keeps the Stitch crimson #CA2943 (kissing cousin to AC's #8B1A2B —
 * intentionally not swapped because Stitch tuned the design around it).
 */

:root {
  /* ─── SURFACES — flip to light ─────────────────── */
  --vc-color-canvas:         #efefee;   /* matches AC --ac-color-canvas */
  --vc-color-canvas-glow:    #f5f5f4;
  --vc-color-surface-raised: #ffffff;
  --vc-color-surface-overlay:#f0ede6;
  --vc-color-surface-warm:   #ece9e3;

  /* Wires (used for subtle fills behind cards/chips) */
  --vc-color-wire:           rgba(0, 0, 0, 0.03);
  --vc-color-wire-strong:    rgba(0, 0, 0, 0.06);

  /* Borders */
  --vc-color-border:         rgba(0, 0, 0, 0.10);
  --vc-color-border-strong:  rgba(0, 0, 0, 0.16);
  --vc-color-border-subtle:  rgba(0, 0, 0, 0.06);
  --vc-color-divider:        rgba(0, 0, 0, 0.08);

  /* Text — near-black scale to match AC */
  --vc-color-text-primary:   #0e0c0b;
  --vc-color-text:           #0e0c0b;     /* alias used in some classes */
  --vc-color-text-body:      #28282a;
  --vc-color-text-secondary: #6c6a6a;
  --vc-color-text-soft:      #6c6a6a;
  --vc-color-text-tertiary:  #98979a;
  --vc-color-text-muted:     #aeacae;
  --vc-color-text-dim:       #98979a;
  --vc-color-text-disabled:  #c5c4c4;

  /* Shadows — softer warm shadows like AC */
  --vc-shadow-card:   0 1px 3px rgba(50, 20, 15, 0.05);
  --vc-shadow-md:     0 10px 30px -15px rgba(50, 20, 15, 0.12);
  --vc-shadow-lg:     0 30px 80px -30px rgba(50, 20, 15, 0.18);
}

/* ─── BODY ─────────────────────────────────────── */
body {
  background:
    radial-gradient(circle at 100% 0%, var(--vc-color-canvas-glow) 0%, transparent 60%),
    var(--vc-color-canvas);
}

/* ─── LAYOUT / RAIL ────────────────────────────── */
.rail { background: var(--vc-color-canvas); }
.rail__link:hover { background: rgba(0,0,0,0.03); color: var(--vc-color-text-primary); }
.frame {
  background: var(--vc-color-surface-raised);
  box-shadow: var(--vc-shadow-lg);
}

/* ─── TOPBAR ───────────────────────────────────── */
.tb { background: var(--vc-color-surface-raised); }
.tb__nav {
  background: rgba(0,0,0,0.03);
  border-color: var(--vc-color-divider);
}
.tb__navlink.is-active {
  background: var(--vc-color-text-primary);
  color: #fff;
}
.tb__avatar {
  background: linear-gradient(135deg, #ece9e3, #ddd9d3);
  color: var(--vc-color-text-primary);
}
.tb__l::before { /* the brand glyph */ background: var(--vc-color-accent); }

/* ─── PRIMITIVES ───────────────────────────────── */
.card { background: var(--vc-color-surface-raised); box-shadow: var(--vc-shadow-card); }
.card--accent {
  background: linear-gradient(180deg, #faf8f3 0%, #f0ede6 100%);
  border-color: rgba(202, 41, 67, 0.25);
}
.card--accent::after {
  background: radial-gradient(circle, rgba(202,41,67,0.12) 0%, transparent 70%);
}
.btn:hover { background: rgba(0,0,0,0.04); }
.dashed { border-color: var(--vc-color-border-strong); }

/* ─── DASHBOARD HERO ───────────────────────────── */
.hero {
  background: linear-gradient(180deg, #f5f2eb 0%, #ece9e3 100%);
  border-color: rgba(202, 41, 67, 0.25);
}
.hero::before {
  background: radial-gradient(circle, rgba(202,41,67,0.14) 0%, transparent 70%);
}
.runrow { border-bottom-color: rgba(0,0,0,0.05); }
.runrow--live .runrow__who { color: var(--vc-color-text-primary); }

/* Week strip */
.week__day { background: var(--vc-color-surface-raised); }
.week__day--today {
  border-color: rgba(202,41,67,0.4);
  background: rgba(202,41,67,0.06);
}
.week__chip { background: rgba(0,0,0,0.025); }
.week__chip--sold-out { background: rgba(34,197,94,0.06); }
.week__chip--day-of { background: rgba(202,41,67,0.08); }

/* Inbox + roster avatars + KPIs */
.inbox-row { border-bottom-color: var(--vc-color-border-subtle); }
.inbox-row__avatar {
  background: linear-gradient(135deg, #ece9e3, #ddd9d3);
  color: var(--vc-color-text-secondary);
}
.roster-row__art {
  background: linear-gradient(135deg, #ece9e3, #ddd9d3);
  color: var(--vc-color-text-primary);
}

/* ─── SHOW DETAIL ──────────────────────────────── */
/* (overrides for any hardcoded dark in Show Detail section) */
.sd__hero { background: linear-gradient(180deg, #f5f2eb 0%, transparent 100%); }

/* ─── AC MIRROR PANEL (inside Show Detail) ─────── */
.mirror {
  background: var(--vc-color-surface-raised);
  border: 1.5px dashed var(--vc-color-accent);
}
.ac-mock {
  background: linear-gradient(180deg, #faf8f3 0%, #f0ede6 100%);
  border: 1px solid rgba(0,0,0,0.08);
}
.ac-mock__hd { border-bottom-color: rgba(0,0,0,0.06); }
.ac-mock__row { border-top-color: rgba(0,0,0,0.05); }

/* ─── VENUE PROFILE ────────────────────────────── */
.vp__hero { background: linear-gradient(180deg, #f5f2eb 0%, #ece9e3 100%); }

/* ─── SCHEDULE / SHOWS LIST ────────────────────── */
.tbl tbody tr:hover, .shows-tbl tbody tr:hover { background: rgba(0,0,0,0.02); }
.tbl thead th, .shows-tbl thead th { background: rgba(0,0,0,0.02); border-bottom-color: var(--vc-color-border); }

/* ─── CALENDAR ─────────────────────────────────── */
.cal-cell { background: var(--vc-color-surface-raised); }
.cal-cell--out { background: rgba(0,0,0,0.015); }
.cal-cell--today {
  background: rgba(202,41,67,0.04);
  outline: 1px solid rgba(202,41,67,0.4);
}
.cal-evt { background: var(--vc-color-surface-raised); }
.cal-evt--today { background: rgba(202,41,67,0.08); }
.cal-evt--avail { background: rgba(74,222,128,0.06); border-color: rgba(74,222,128,0.3); }

/* ─── INBOX ─────────────────────────────────────── */
.inbox-item:hover { background: rgba(0,0,0,0.025); }
.inbox-item.is-active {
  background: rgba(202,41,67,0.05);
  border-left-color: var(--vc-color-accent);
}
.msg__body { background: var(--vc-color-surface-overlay); border-color: var(--vc-color-border); }
.msg--out .msg__body { background: rgba(202,41,67,0.04); border-color: rgba(202,41,67,0.2); }

/* ─── FILTER PILLS ─────────────────────────────── */
.filter-pill { background: var(--vc-color-surface-raised); }
.filter-pill.is-active {
  background: var(--vc-color-text-primary);
  color: #fff;
  border-color: var(--vc-color-text-primary);
}
.filter-pill.is-active .filter-pill__n { color: rgba(255,255,255,0.7); }
.filter-search {
  background: var(--vc-color-surface-raised);
  border-color: var(--vc-color-border);
}

/* ─── TABS ─────────────────────────────────────── */
.tabs__t.is-active { color: var(--vc-color-text-primary); }
.tabs__t .n { color: var(--vc-color-text-tertiary); }

/* ─── DOS / Day of show ─────────────────────────── */
.dos-card { background: var(--vc-color-surface-raised); border-color: var(--vc-color-border); }
.dos-card--accent {
  background: linear-gradient(180deg, #faf8f3 0%, #f0ede6 100%);
  border-color: rgba(202,41,67,0.3);
}
.dos-comm__avatar { background: linear-gradient(135deg, #ece9e3, #ddd9d3); color: var(--vc-color-text-primary); }
.dos-counter__cell { background: var(--vc-color-surface-raised); border-color: var(--vc-color-border); }

/* ─── ARTIST / AC pills ─────────────────────────── */
.ac-pill {
  background: rgba(202,41,67,0.06);
  border: 1px solid rgba(202,41,67,0.25);
  color: var(--vc-color-accent);
}
.ac-pill:hover { background: rgba(202,41,67,0.12); }
.btn-ac {
  background: rgba(202,41,67,0.06);
  border: 1px solid rgba(202,41,67,0.25);
  color: var(--vc-color-accent);
}
.btn-ac:hover { background: rgba(202,41,67,0.12); }
.from-ac {
  background: rgba(202,41,67,0.06);
  border: 1px solid rgba(202,41,67,0.25);
  color: var(--vc-color-accent);
}

/* ─── INPUTS / FORM FIELDS ──────────────────────── */
.field__input, .field__select, .field__textarea {
  background: var(--vc-color-surface-raised);
  border-color: var(--vc-color-border);
  color: var(--vc-color-text-primary);
}
.field__input:focus, .field__select:focus, .field__textarea:focus { border-color: var(--vc-color-accent); }
.input {
  background: var(--vc-color-surface-raised);
  border-color: var(--vc-color-border);
  color: var(--vc-color-text-primary);
}

/* ─── MISC ──────────────────────────────────────── */
.split__aside { background: rgba(0,0,0,0.015); }
.settings__main, .settings__nav { background: var(--vc-color-surface-raised); }
.kpi__cell { background: transparent; }

/* P&L */
.pnl__row--sub { background: var(--vc-color-surface-overlay); }