:root {
  --accent: #6FC9E2;
  --accent-soft: rgba(111,201,226,.22);
  --accent-border: rgba(111,201,226,.65);
  --accent-hover: #9FE3F2;
  --accent-dark: #0B4056;
  --accent-text-dark: #063246;
  --gold: #6FC9E2;
  --gold-soft: rgba(111,201,226,.22);
}

/* Accent text */
a,
strong,
.eyebrow,
.points-title,
.section-title,
.diff-label,
th,
.badge,
.mark,
label,
h3,
.sub-plan-title {
  color: var(--accent) !important;
}

/* All normal action buttons */
.btn,
.nav a,
button,
input[type="button"],
input[type="submit"],
a.btn,
summary.btn,
.actions a,
.actions button,
.history-actions a,
.history-actions button,
td a,
td button {
  background: #090909 !important;
  color: var(--accent) !important;
  border: 1px solid var(--accent-border) !important;
}

/* Force VIEW buttons specifically */
a[href*="view"],
a[href*="management-point-view"],
button[data-view-version],
[data-action="view"],
.action-view,
.view-btn,
.btn.view,
tr td a:first-child,
tr td button:first-child,
.actions a:first-child,
.actions button:first-child,
.history-actions a:first-child,
.history-actions button:first-child {
  background: #090909 !important;
  color: var(--accent) !important;
  border: 1px solid var(--accent-border) !important;
  box-shadow: none !important;
}

/* Filled / selected buttons */
.btn.gold,
.nav .gold,
button.gold,
a.gold,
.gold,
.primary,
button.primary,
.btn.primary,
#runtimeSaveGeneratedBtn {
  background: var(--accent) !important;
  color: var(--accent-text-dark) !important;
  border: 1px solid var(--accent) !important;
}

/* Number circles */
.badge,
.mark,
.num,
.number,
.point-no,
.chapter-no,
td:first-child span,
td:first-child .badge {
  border-color: var(--accent-border) !important;
  background: rgba(111,201,226,.16) !important;
  color: var(--accent) !important;
}

/* Panels and inputs */
.card,
.hero,
.panel,
.locked-card,
.section,
.version-box,
input,
textarea,
select,
table,
tr,
td {
  border-color: var(--accent-border) !important;
}

/* Hover */
.btn:hover,
.nav a:hover,
button:hover,
summary.btn:hover,
td a:hover,
td button:hover,
.actions a:hover,
.actions button:hover,
.history-actions a:hover,
.history-actions button:hover {
  border-color: var(--accent-hover) !important;
  color: var(--accent-hover) !important;
  box-shadow: 0 0 0 1px rgba(111,201,226,.28) !important;
}

/* Filled hover */
.btn.gold:hover,
.nav .gold:hover,
button.gold:hover,
a.gold:hover,
.primary:hover,
#runtimeSaveGeneratedBtn:hover {
  color: var(--accent-text-dark) !important;
  background: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
}