/* RCD Portal, shared styles */

/*
 * Design tokens. All colours, spacing, focus styles route through these.
 * Sun-glare AAA contrast (7:1) on critical state indicators per ux-personas.md.
 */
:root {
  /* Brand (RCD navy; the old self-referential var() here was invalid and every
     primary-coloured element silently fell back to browser defaults) */
  --rcd-primary:      #1a5276;
  --rcd-primary-dark: #154360;
  --rcd-accent:       #2874a6;

  /* Surface */
  --rcd-bg:      #f9fafb;
  --rcd-card:    #ffffff;
  --rcd-border:  #e5e7eb;
  --rcd-divider: #f3f4f6;

  /* Text (AAA on white) */
  --rcd-text:        #111827;
  --rcd-text-muted:  #4b5563;
  --rcd-text-subtle: #6b7280;

  /* State accent colours (used standalone, not as pill backgrounds) */
  --rcd-success: #16a34a;
  --rcd-success-dark: #15803d;
  --rcd-warning: #92400e;
  --rcd-danger:  #991b1b;

  /* Spacing scale (4px base) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;

  /* Focus ring (one variable, used everywhere) */
  --focus-ring: 0 0 0 3px rgba(26, 82, 118, 0.5);

  /* Touch target minimum (Apple HIG) */
  --touch-min: 44px;
}

/* Keyboard focus state, applied to every interactive element. */
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
label:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
  border-radius: 3px;
}

.rcd-portal {
  /* Full-bleed working pages: these are data-dense tools, not articles.
     Padding scales with the viewport so ultrawide screens keep breathing room. */
  max-width: 1800px;
  margin: 2rem auto;
  padding: 0 clamp(1rem, 3vw, 3rem);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.rcd-portal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.rcd-portal__header h1 {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 600;
}

/* Buttons. min-height 44px = Apple HIG touch target minimum. */
.rcd-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--touch-min);
  padding: var(--sp-2) var(--sp-4);
  background: var(--rcd-primary);
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.875rem;
  text-decoration: none;
  line-height: 1;
}
.rcd-btn:hover { background: var(--rcd-primary-dark); color: #fff; }
.rcd-btn--secondary { background: #e5e7eb; color: #374151; }
.rcd-btn--secondary:hover { background: #d1d5db; color: #374151; }
.rcd-btn--active { background: var(--rcd-primary-dark); }

/* Filters */
.rcd-filters {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.rcd-filters input,
.rcd-filters select {
  padding: 0.4rem 0.6rem;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  font-size: 0.875rem;
}

.rcd-count {
  color: #6b7280;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}

/* Table wrapper — horizontal scroll on wide registers */
.rcd-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Table */
.rcd-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}
.rcd-table th {
  background: #f3f4f6;
  text-align: left;
  padding: 0.6rem 0.75rem;
  font-weight: 600;
  border-bottom: 2px solid #e5e7eb;
  white-space: nowrap;
}
.rcd-table td {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #f3f4f6;
  vertical-align: middle;
}
.rcd-table tr:hover td { background: #f9fafb; }
.rcd-installer { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rcd-yes { color: #16a34a; font-weight: 600; }

/* State badges */
.rcd-state {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 500;
  white-space: nowrap;
}
.state--new                     { background: #f3f4f6; color: var(--rcd-text-muted); }
.state--drawing-approved        { background: #dbeafe; color: #1e3a8a; }
.state--manufacturing           { background: #fef3c7; color: #92400e; }
.state--manufactured            { background: #fef9c3; color: #854d0e; }
.state--dispatched              { background: #d1fae5; color: #065f46; }
.state--photos-received         { background: #fce7f3; color: #9d174d; }
.state--hardware-dec-received   { background: #fff7ed; color: #9a3412; }
.state--installer-dec-received  { background: #fef9c3; color: #713f12; }
.state--ready-for-review        { background: #e0f2fe; color: #0c4a6e; }
.state--tags-issued             { background: #d1fae5; color: #065f46; }
.state--complete                { background: #bbf7d0; color: #14532d; }

/* Door detail */
.rcd-door-detail .rcd-portal__header { flex-wrap: wrap; gap: 0.5rem; }
.rcd-door-title { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.rcd-door-title h1 { font-size: 1.5rem; margin: 0; }
.rcd-back { color: #6b7280; font-size: 0.875rem; text-decoration: none; white-space: nowrap; }
.rcd-back:hover { color: var(--rcd-primary); }
.rcd-type-badge { background: #e0e7ff; color: #3730a3; font-size: 0.75rem; font-weight: 600; padding: 0.2rem 0.6rem; border-radius: 9999px; }
.rcd-type-badge--sm { font-size: 0.7rem; padding: 0.1rem 0.4rem; font-weight: 500; white-space: nowrap; }

.rcd-notice { padding: 0.75rem 1rem; border-radius: 4px; margin-bottom: 1rem; font-size: 0.875rem; }
.rcd-notice--success { background: #d1fae5; color: #065f46; }
/* Error variant: AAA-contrast red text on light red bg, used by Section 1.3 reject UI */
.rcd-notice--error   { background: #fee2e2; color: #991b1b; border: 1px solid #fecaca; }
.rcd-notice--error a { color: #7f1d1d; text-decoration: underline; }

.rcd-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 1.25rem; margin-top: 1.5rem; }
.rcd-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 1.25rem; }
.rcd-card--compliance { border-color: #bfdbfe; }
.rcd-card__title { font-size: 0.9rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #374151; margin: 0 0 1rem; display: flex; align-items: center; gap: 0.5rem; }
.rcd-card__sub { font-weight: 400; text-transform: none; letter-spacing: 0; color: #6b7280; font-size: 0.8rem; }

.rcd-fields { display: flex; flex-direction: column; gap: 0.6rem; }
.rcd-field { display: grid; grid-template-columns: 160px 1fr; align-items: start; gap: 0.5rem; }
.rcd-field label { font-size: 0.8rem; font-weight: 500; color: #6b7280; padding-top: 0.4rem; }
.rcd-field input[type="text"],
.rcd-field select,
.rcd-field textarea { width: 100%; padding: 0.35rem 0.5rem; border: 1px solid #d1d5db; border-radius: 4px; font-size: 0.875rem; font-family: inherit; background: #fafafa; }
.rcd-field input[type="text"]:focus,
.rcd-field select:focus,
.rcd-field textarea:focus { outline: none; border-color: var(--rcd-primary); background: #fff; }
.rcd-field textarea { resize: vertical; min-height: 90px; }
.rcd-field input[type="checkbox"] { margin-top: 0.4rem; width: 16px; height: 16px; cursor: pointer; }

/* Helper text shown under a field group, explains gates like client_visible. */
.rcd-field-helper {
  grid-column: 1 / -1;
  margin: 0;
  font-size: 0.78rem;
  color: var(--rcd-text-muted);
  line-height: 1.4;
}

/* Section 3.3: previous-versions disclosure under a current file display.
 * Collapsed by default, expands on click. Visible to client AND staff (staff sees uploader). */
.rcd-history { margin-top: 0.5rem; font-size: 0.78rem; }
.rcd-history summary {
  cursor: pointer;
  color: var(--rcd-text-muted);
  user-select: none;
  padding: var(--sp-1) 0;
}
.rcd-history summary:hover { color: var(--rcd-primary); }
.rcd-history__list {
  margin: var(--sp-1) 0 0;
  padding-left: var(--sp-4);
  list-style: disc;
  color: var(--rcd-text-muted);
}
.rcd-history__list li { margin-bottom: var(--sp-1); }
.rcd-history__when { margin-left: 0.4rem; font-style: italic; }
.rcd-history__by   { margin-left: 0.4rem; }

.rcd-door-actions { margin-top: 1.5rem; display: flex; gap: 0.75rem; }
.rcd-btn--save { background: #16a34a; }
.rcd-btn--save:hover { background: #15803d; }

/* Audit log */
.rcd-audit-log { margin-top: 1.5rem; }
.rcd-audit-old { color: var(--rcd-text-muted); font-size: 0.8rem; }
.rcd-audit-new { color: #065f46; font-size: 0.8rem; font-weight: 500; }

/* Pagination */
.rcd-pagination {
  display: flex;
  gap: 0.25rem;
  margin-top: 1rem;
  flex-wrap: wrap;
}

/* Project Summary */
.rcd-project-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 1.25rem;
  margin-top: 1rem;
}
.rcd-project-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 1.1rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.rcd-project-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
}
.rcd-project-rcd {
  font-weight: 700;
  font-size: 1rem;
  color: var(--rcd-primary);
  margin-right: 0.4rem;
}
.rcd-project-name {
  font-size: 0.875rem;
  color: #374151;
  font-weight: 500;
}
.rcd-project-count {
  font-size: 0.8rem;
  color: #6b7280;
  white-space: nowrap;
}
.rcd-project-meta {
  font-size: 0.8rem;
  color: #6b7280;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.rcd-project-addr { font-style: italic; }
.rcd-project-types {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.rcd-type-pill {
  font-size: 0.75rem;
  background: #e0e7ff;
  color: #3730a3;
  padding: 0.15rem 0.5rem;
  border-radius: 9999px;
}
.rcd-type-pill strong { font-weight: 700; }

.rcd-progress-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.rcd-progress-bar {
  flex: 1;
  height: 6px;
  background: #e5e7eb;
  border-radius: 9999px;
  overflow: hidden;
}
.rcd-progress-bar__fill {
  height: 100%;
  background: #16a34a;
  border-radius: 9999px;
  transition: width 0.3s;
}
.rcd-progress-label {
  font-size: 0.75rem;
  color: #6b7280;
  white-space: nowrap;
}

.rcd-project-states {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.rcd-state-pill {
  font-size: 0.72rem;
  padding: 0.15rem 0.5rem;
  border-radius: 9999px;
  font-weight: 500;
}
/* Stage progression reads gray -> blue -> amber -> green, matching the legend
   and the stage bar. (Dispatched was green-tinted before, which read as "done".) */
.rcd-state-pill--early      { background: #f3f4f6; color: #4b5563; }
.rcd-state-pill--dispatched { background: #dbeafe; color: #1e40af; }
.rcd-state-pill--compliance { background: #fef3c7; color: #92400e; }
.rcd-state-pill--done       { background: #bbf7d0; color: #14532d; }

.rcd-project-doors { margin-top: 0.25rem; }
.rcd-project-doors summary {
  font-size: 0.8rem;
  color: var(--rcd-primary);
  cursor: pointer;
  user-select: none;
}
.rcd-project-doors summary:hover { color: var(--rcd-primary-dark); }
.rcd-project-door-table { margin-top: 0.5rem; font-size: 0.8rem; }
.rcd-project-door-table th { font-size: 0.75rem; }

/* Client Portal */
.rcd-client-greeting { margin: 0.25rem 0 0; color: #6b7280; font-size: 0.875rem; }
.rcd-client-address  { margin: 0.25rem 0 0; font-size: 0.8rem; color: #6b7280; font-style: italic; }
.rcd-rating-text     { font-size: 0.75rem; color: #6b7280; margin-left: 0.4rem; }

.rcd-client-project {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin-bottom: 1.5rem;
  overflow: hidden;
}
.rcd-client-project__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  gap: 1rem;
}
.rcd-client-project__header h2 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--rcd-primary);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.rcd-client-door {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #f3f4f6;
}
.rcd-client-door:last-child { border-bottom: none; }
.rcd-client-door--highlighted { background: #fffbeb; }

.rcd-client-door__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
  gap: 0.5rem;
}
.rcd-client-door__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* Compliance steps */
.rcd-compliance-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0;
  margin-bottom: 0.75rem;
}
.rcd-step {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.8rem;
  padding: 0.2rem 0.6rem 0.2rem 0;
  min-width: 160px;
}
.rcd-step__icon { font-size: 0.85rem; width: 1rem; text-align: center; }
.rcd-step--done .rcd-step__icon  { color: var(--rcd-success); }
/* Pending icon: was #d1d5db (1.6:1 contrast, vanished in sun). Now #6b7280 (4.85:1 AA). */
.rcd-step--pending .rcd-step__icon { color: var(--rcd-text-subtle); }
.rcd-step--done .rcd-step__label   { color: #374151; }
/* Pending label: was #9ca3af (2.85:1, fails AA). Now var(--rcd-text-muted) (7.2:1 AAA). */
.rcd-step--pending .rcd-step__label { color: var(--rcd-text-muted); }
.rcd-step__date { font-size: 0.72rem; color: var(--rcd-text-muted); margin-left: 0.2rem; }

/* Uploaded files */
.rcd-client-files {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.rcd-client-files__section {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.rcd-client-files__label {
  font-size: 0.72rem;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* Upload buttons */
.rcd-client-uploads {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.rcd-upload-form { display: inline-block; }
.rcd-upload-label {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: var(--touch-min);
  padding: var(--sp-2) var(--sp-3);
  background: #f3f4f6;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  font-size: 0.875rem;
  color: #374151;
  cursor: pointer;
  transition: background 0.15s;
}
.rcd-upload-label:hover { background: #e5e7eb; }
.rcd-upload-label input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
}

/* Drawing approval */
.rcd-client-drawing {
  margin-bottom: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 6px;
}
.rcd-client-drawing__file {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.rcd-drawing-approved { font-size: 0.8rem; color: #16a34a; font-weight: 600; }
.rcd-drawing-pending  { font-size: 0.8rem; color: #92400e; }
.rcd-btn--approve { background: var(--rcd-success); color: #fff; min-height: var(--touch-min); padding: var(--sp-2) var(--sp-4); font-size: 0.875rem; border: none; border-radius: 4px; cursor: pointer; font-weight: 600; display: inline-flex; align-items: center; }
.rcd-btn--approve:hover { background: var(--rcd-success-dark); }
.rcd-client-dec-downloads { margin-top: 0.5rem; }
.rcd-notice--info { background: #eff6ff; color: #1d4ed8; }

/* Documents & Photos */
.rcd-doc-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: var(--touch-min);
  padding: var(--sp-2) var(--sp-3);
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 4px;
  font-size: 0.875rem;
  color: #1e3a8a;
  text-decoration: none;
  font-weight: 500;
}
.rcd-doc-link:hover { background: #dbeafe; color: #1e3a8a; }
/* Long filenames must wrap, not blow out the card */
.rcd-doc-link {
  max-width: 100%;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.rcd-card { overflow: hidden; }
.rcd-field > div { min-width: 0; }
.rcd-doc-remove {
  margin-left: 0.5rem;
  color: #dc2626;
  font-size: 0.75rem;
  text-decoration: none;
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
}
.rcd-doc-remove:hover { color: #b91c1c; }

.rcd-photos-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.25rem;
}
.rcd-photos-grid a {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid #e5e7eb;
}
.rcd-photos-grid a:hover { border-color: var(--rcd-primary); }
.rcd-photos-grid a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.rcd-field input[type="file"] {
  font-size: 0.78rem;
  color: #374151;
  padding: 0.25rem 0;
  cursor: pointer;
}
.rcd-field-wide {
  grid-column: 1 / -1;
}
.rcd-photo-row {
  grid-template-columns: 160px 1fr;
}
.rcd-photo-row .rcd-photos-grid {
  margin-top: 0;
}

/* ---- 2026-08-19 additions: filter tabs, stage legend, stage bar, photo guide ---- */

/* Open / Completed / All tabs on the Projects page */
.rcd-filter-tabs {
  display: flex;
  gap: var(--sp-2);
  margin-bottom: var(--sp-4);
  border-bottom: 2px solid var(--rcd-border);
}
.rcd-filter-tab {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
  padding: var(--sp-2) var(--sp-4);
  min-height: var(--touch-min);
  color: var(--rcd-text-muted);
  text-decoration: none;
  font-weight: 600;
  border-bottom: 3px solid transparent;
  margin-bottom: -2px;
}
.rcd-filter-tab:hover { color: var(--rcd-primary); }
.rcd-filter-tab.is-active {
  color: var(--rcd-primary);
  border-bottom-color: var(--rcd-primary);
}
.rcd-filter-tab__count {
  background: var(--rcd-divider);
  color: var(--rcd-text-muted);
  border-radius: 999px;
  padding: 0 var(--sp-2);
  font-size: 0.8rem;
  line-height: 1.6;
}
.rcd-filter-tab.is-active .rcd-filter-tab__count {
  background: var(--rcd-primary);
  color: #fff;
}

/* Stage legend */
.rcd-legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-2) var(--sp-5);
  align-items: center;
  background: var(--rcd-card);
  border: 1px solid var(--rcd-border);
  border-radius: 8px;
  padding: var(--sp-3) var(--sp-4);
  margin-bottom: var(--sp-5);
  font-size: 0.85rem;
  color: var(--rcd-text-muted);
}
.rcd-legend__title { font-weight: 700; color: var(--rcd-text); }
.rcd-legend__item { display: inline-flex; align-items: center; gap: var(--sp-2); }
.rcd-legend__swatch {
  width: 12px; height: 12px;
  border-radius: 3px;
  display: inline-block;
  flex: none;
}
.rcd-legend__swatch--early      { background: #9ca3af; }
.rcd-legend__swatch--dispatched { background: #3b82f6; }
.rcd-legend__swatch--compliance { background: #f59e0b; }
.rcd-legend__swatch--done       { background: var(--rcd-success); }

/* Segmented stage bar on project cards (replaces the single-fill bar) */
.rcd-stagebar {
  display: flex;
  height: 10px;
  border-radius: 5px;
  overflow: hidden;
  background: var(--rcd-divider);
  flex: 1;
}
.rcd-stagebar__seg--early      { background: #9ca3af; }
.rcd-stagebar__seg--dispatched { background: #3b82f6; }
.rcd-stagebar__seg--compliance { background: #f59e0b; }
.rcd-stagebar__seg--done       { background: var(--rcd-success); }

/* Completed project cards recede visually on the All tab */
.rcd-project-card--done { opacity: 0.75; }
.rcd-project-card--done:hover { opacity: 1; }

/* Client portal: photo checklist guide */
.rcd-photo-guide {
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  padding: var(--sp-3) var(--sp-4);
  margin: var(--sp-4) 0;
  color: var(--rcd-text);
}
.rcd-photo-guide summary {
  cursor: pointer;
  font-weight: 700;
  color: var(--rcd-primary);
  min-height: var(--touch-min);
  display: flex;
  align-items: center;
}
.rcd-photo-guide ul { margin: var(--sp-2) 0 var(--sp-2) var(--sp-5); }
.rcd-photo-guide li { margin-bottom: var(--sp-1); }
.rcd-photo-guide p  { font-size: 0.9rem; color: var(--rcd-text-muted); }

/* Client portal: declaration how-to line */
.rcd-dec-howto {
  font-size: 0.9rem;
  color: var(--rcd-text-muted);
  background: var(--rcd-divider);
  border-radius: 6px;
  padding: var(--sp-2) var(--sp-3);
  margin: 0 0 var(--sp-3);
}

/* Quieter inline helper (Add new project link under the RCD# field) */
.rcd-field-helper--subtle {
  font-size: 0.8rem;
  margin-top: var(--sp-1);
}
.rcd-field-helper--subtle a { color: var(--rcd-text-subtle); text-decoration: underline; }
.rcd-field-helper--subtle a:hover { color: var(--rcd-primary); }

/* Card-level hint line under a card title */
.rcd-card__hint {
  font-size: 0.85rem;
  color: var(--rcd-text-muted);
  margin: calc(-1 * var(--sp-2)) 0 var(--sp-3);
}

/* Parent theme header: Hello Elementor ships a magenta accent on the site title
   and skip link. Pull them onto the brand navy so every page opens on-brand. */
.site-header .site-title a,
.site-header .site-title a:visited,
a.skip-link {
  color: var(--rcd-primary);
}
.site-header .site-title a:hover { color: var(--rcd-primary-dark); }