/* NWC -- Norwescon
 * Theme: Convention purple with starfield silver -- deep violet with cosmic accents
 * brand.css provides: reset, body, a, h1-h4, p, blockquote, table, code/pre,
 *   ul/ol/li, .card-grid/.card, .tag base, .stats/.stat, header, main,
 *   .pdf-container, footer, @media 640px base
 */

/* -- Palette -- */
:root {
  --cosmic-deep: #1A0E3E;
  --cosmic: #311B92;
  --cosmic-mid: #4A148C;
  --violet: #7C4DFF;
  --violet-light: #B388FF;
  --violet-dim: #6200EA;
  --nebula: #0277BD;
  --starfield: #B0BEC5;
  --silver: #CFD8DC;
  --platinum: #ECEFF1;
  --void: #0D0A1A;
  --stardust: #E8EAF6;

  /* Semantic overrides */
  --page-bg: #FAFAFA;
  --page-text: #212121;
  --page-text-light: #546E7A;
  --link: var(--violet-dim);
  --card-border: var(--silver);
  --border: var(--silver);
}

/* -- Header (gradient + border only) -- */
header {
  background: linear-gradient(135deg, var(--void) 0%, var(--cosmic-deep) 30%, var(--cosmic) 60%, var(--cosmic-mid) 100%);
  border-bottom: 4px solid var(--violet);
}

/* -- Color overrides -- */
h2 { color: var(--cosmic-deep); border-bottom-color: var(--silver); }
h3 { color: var(--cosmic-mid); }
th { background: var(--cosmic-deep); }
td { border-bottom-color: var(--silver); }
tr:nth-child(even) { background: rgba(49, 27, 146, 0.04); }
tr:hover { background: rgba(49, 27, 146, 0.08); }
blockquote { border-left-color: var(--violet); background: rgba(124, 77, 255, 0.06); }
code { background: var(--stardust); }
pre { background: var(--void); color: #E0E0E0; }
.stat-value { color: var(--cosmic-deep); }

/* -- Tags -- */
.tag-history { background: #EDE7F6; color: #4A148C; }
.tag-guests { background: #E1F5FE; color: #0277BD; }
.tag-programming { background: #FFF8E1; color: #F57F17; }
.tag-venue { background: #E8EAF6; color: #283593; }
.tag-community { background: #E8F5E9; color: #2E7D32; }
.tag-ecosystem { background: #FCE4EC; color: #AD1457; }
.tag-rosetta { background: #FFF3E0; color: #E65100; }
.tag-pass { background: #E8F5E9; color: #2E7D32; }

/* -- Special: starfield shimmer motif -- */
.starfield-line {
  background: linear-gradient(90deg, var(--cosmic-deep), var(--violet), var(--starfield), var(--violet), var(--cosmic-deep));
  height: 3px;
  border-radius: 2px;
  margin: 1.5rem 0;
}

/* -- Responsive -- */
@media (max-width: 640px) {
  header { padding: 1.2rem; }
  header h1 { font-size: 1.3rem; }
  main { padding: 1rem; }
}