:root {
  --navy: #090D16;
  --navy-raised: #12172A;
  --navy-card: #161C31;
  --coral: #E9553B;
  --coral-dark: #C7442C;
  --paper: #F6F5F1;
  --line: #262D45;
  --line-light: #E2E0D8;
  --slate: #A6ACC2;
  --slate-dark: #4B524C;
  --ink: #12241D;
  --danger: #E9553B;
  --success: #3CA579;
}

body {
  background: var(--navy);
  color: #F1F1EE;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;
}

.font-ledger {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, ui-monospace, monospace;
  font-variant-numeric: tabular-nums;
}

/* ---- Public hub page ---- */
.hub-card {
  background: var(--navy-card);
  border: 1px solid var(--line);
  border-radius: 14px;
  transition: transform 0.15s ease, border-color 0.15s ease;
}
.hub-card:hover {
  border-color: var(--coral);
  transform: translateY(-2px);
}

.badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 9px;
  border-radius: 999px;
  letter-spacing: 0.02em;
}
.badge-live { background: rgba(60,165,121,0.15); color: #4ECF9C; }
.badge-coming_soon { background: rgba(233,85,59,0.15); color: #F0876F; }
.badge-beta { background: rgba(214,177,58,0.15); color: #E0C158; }
.badge-paused { background: rgba(166,172,194,0.15); color: var(--slate); }
.badge-draft { background: rgba(166,172,194,0.15); color: var(--slate); }

.btn-coral {
  background: var(--coral);
  color: white;
  transition: background 0.15s ease;
}
.btn-coral:hover { background: var(--coral-dark); }
.btn-coral:disabled { opacity: 0.5; cursor: not-allowed; }

.btn-outline {
  background: transparent;
  border: 1px solid var(--line);
  color: #F1F1EE;
}
.btn-outline:hover { border-color: var(--coral); }

.filter-chip {
  border: 1px solid var(--line);
  color: var(--slate);
  transition: all 0.15s ease;
}
.filter-chip.active {
  border-color: var(--coral);
  color: white;
  background: rgba(233,85,59,0.12);
}

/* ---- Admin (light theme, consistent with other YATI apps' admin surfaces) ---- */
.admin-body {
  background: var(--paper);
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;
}
.admin-card {
  background: #ffffff;
  border: 1px solid var(--line-light);
  border-radius: 10px;
}
.admin-btn-primary {
  background: var(--coral);
  color: white;
}
.admin-btn-primary:hover { background: var(--coral-dark); }
.admin-btn-secondary {
  background: transparent;
  border: 1px solid var(--line-light);
  color: var(--ink);
}
.admin-btn-secondary:hover { background: #f0efe9; }
.admin-input, .admin-select, .admin-textarea {
  border: 1px solid var(--line-light);
  border-radius: 6px;
  background: white;
}

.drag-handle { cursor: grab; color: var(--slate-dark); }
.drag-handle:active { cursor: grabbing; }
.drag-over { border-top: 2px solid var(--coral) !important; }

::selection { background: var(--coral); color: white; }

@media print {
  nav, .no-print { display: none !important; }
}