/* =============================================================================
   Robotkeepers Palette C color override
   Load after tokens.css and robotkeepers.css. Existing layout and fonts remain.
   Black #000000, Graphite #2B2B2B, Steel #8A8A8A, Mist #E6E6E6, White #FFFFFF.
   Signal Amber #FFB000 is reserved for status and alerts.
   ============================================================================= */

[data-island="robotkeepers"] {
  --rk-black: #000000;
  --rk-graphite: #2B2B2B;
  --rk-steel: #8A8A8A;
  --rk-mist: #E6E6E6;
  --rk-white: #FFFFFF;
  --rk-amber: #FFB000;
  --rk-focus: #000000;
  --rk-focus-on-dark: #FFFFFF;

  --paper: var(--rk-white);
  --walnut: var(--rk-black);
  --walnut-deep: var(--rk-graphite);
  --patch: var(--rk-mist);
  --navy: var(--rk-black);
  --ink: var(--rk-black);
  --graphite: var(--rk-graphite);
  --muted: var(--rk-graphite);
  --rule: var(--rk-mist);
}

/* Steel is not used for text on white. Graphite keeps small labels readable. */
[data-island="robotkeepers"] .rk-mission {
  background: var(--rk-graphite);
  color: var(--rk-white);
}

[data-island="robotkeepers"] .mission-eyebrow { color: rgba(255,255,255,.72); }
[data-island="robotkeepers"] .mission-body { color: rgba(255,255,255,.88); }
[data-island="robotkeepers"] .mission-anchor-band {
  border-top-color: rgba(255,255,255,.4);
  border-bottom-color: rgba(255,255,255,.4);
}
[data-island="robotkeepers"] .mission-workforce-tile img { border-color: rgba(255,255,255,.25); }
[data-island="robotkeepers"] .signature-companion { border-color: rgba(255,255,255,.2); }
[data-island="robotkeepers"] .signature-preline { color: rgba(255,255,255,.78); }
[data-island="robotkeepers"] .signature-tagline { color: rgba(255,255,255,.72); }
[data-island="robotkeepers"] .signature-footer { color: rgba(255,255,255,.62); }
[data-island="robotkeepers"] .rk-hero-media::after {
  background: linear-gradient(to right, var(--paper) 0%, rgba(255,255,255,.82) 42%, rgba(255,255,255,.35) 100%);
}

/* Keep longer tablet text lines readable over the photo. */
@media (min-width: 721px) and (max-width: 1024px) {
  [data-island="robotkeepers"] .rk-hero-media::after {
    background: linear-gradient(to right, var(--paper) 0%, rgba(255,255,255,.88) 42%, rgba(255,255,255,.65) 100%);
  }
}

@media (max-width: 720px) {
  [data-island="robotkeepers"] .rk-hero-media::after {
    background: linear-gradient(to bottom, var(--paper) 0%, rgba(255,255,255,.88) 45%, rgba(255,255,255,.65) 100%);
  }
}

[data-island="robotkeepers"] .signature-cta {
  background: var(--rk-white);
  color: var(--rk-black);
  border-color: var(--rk-white);
}
[data-island="robotkeepers"] .signature-cta:hover {
  background: transparent;
  color: var(--rk-white);
  border-color: var(--rk-white);
}

[data-island="robotkeepers"] a:focus-visible,
[data-island="robotkeepers"] button:focus-visible,
[data-island="robotkeepers"] .rk-btn:focus-visible {
  outline: 2px solid var(--rk-focus);
  outline-offset: 3px;
  box-shadow: 0 0 0 5px var(--rk-white);
}
[data-island="robotkeepers"] .rk-mission :focus-visible,
[data-island="robotkeepers"] .signature :focus-visible {
  outline-color: var(--rk-focus-on-dark);
  box-shadow: 0 0 0 5px var(--rk-black);
}

/* Reserved status treatments. These classes add no content to the page. */
[data-island="robotkeepers"] .rk-notice {
  background: var(--rk-amber);
  color: var(--rk-black);
  padding: 10px var(--grid-gutter);
  font-weight: 600;
}
[data-island="robotkeepers"] .rk-status {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  border: 1px solid var(--rk-black);
  color: var(--rk-black);
  background: var(--rk-white);
}
[data-island="robotkeepers"] .rk-status--alert {
  background: var(--rk-amber);
  border-color: var(--rk-amber);
  color: var(--rk-black);
}

/* Keep the approved white K mark at full opacity. */
[data-island="robotkeepers"] .signature-mark { opacity: 1; }

/* Keep the parent mark secondary, beside the existing footer credit. */
[data-island="robotkeepers"] .rk-footer-credit {
  display: flex;
  align-items: center;
  gap: 12px;
}
[data-island="robotkeepers"] .rk-footer-mark {
  display: block;
  width: 40px;
  height: auto;
  flex: 0 0 40px;
}

/* Preserve the original photo files and crops. */
[data-island="robotkeepers"] .rk-hero-media img,
[data-island="robotkeepers"] .tile img,
[data-island="robotkeepers"] .mission-workforce-tile img,
[data-island="robotkeepers"] figure img {
  filter: grayscale(1) contrast(1.04);
}