:root {
  --bg-color: #050b14;
  --paper-color: #f7fbff;
  --text-main: #10253b;
  --text-muted: #557085;
  --brand: #17c9e8;
  --brand-light: #8fe6f2;
  --accent: #073b5c;
  --rule-line: #c7e6ee;
}

body {
  background-color: var(--bg-color);
  background-image:
    linear-gradient(transparent 95%, rgba(23, 201, 232, 0.08) 5%),
    linear-gradient(90deg, transparent 95%, rgba(23, 201, 232, 0.08) 5%);
}

.site-header {
  border-bottom-color: var(--brand);
  box-shadow: 0 4px 18px rgba(23, 201, 232, 0.22);
}

.main-content,
.panel,
.home-card,
.notes-table-wrap,
.creators-table-wrap,
.creators-card,
.creators-detail {
  background-color: var(--paper-color);
}

.home-card {
  background: linear-gradient(145deg, #f7fbff 0%, #e8f8fc 100%);
  box-shadow: 0 6px 18px rgba(23, 201, 232, 0.12);
}

.home-card:hover,
.home-card:focus-visible {
  box-shadow: 0 10px 24px rgba(23, 201, 232, 0.2);
}

.notes-tab,
.notes-filter-toggle,
.notes-search-tab,
.notes-search,
.creators-search-tab,
.creators-search,
.creators-role-tab {
  box-shadow: none;
}

.notes-tab.is-active,
.notes-search-tab.is-active,
.creators-search-tab.is-active,
.creators-role-tab.is-active {
  background: linear-gradient(135deg, #e9fbff 0%, #d3f5fb 100%);
}

.notes-table thead th,
.creators-table thead th {
  background: #e7f8fc;
  border-bottom-color: #8eddea;
}

.notes-table tbody tr:nth-child(even),
.creators-table tbody tr:nth-child(even) {
  background: rgba(225, 246, 251, 0.58);
}

.notes-attribute-pill,
.creators-role-pill,
.creators-song-role-pill,
.badge {
  border-color: #8eddea;
}

.page-affiliate-note {
  background: rgba(247, 251, 255, 0.92);
}