/* October 2026 palette rollout. Loaded only by the homepage and blueprints.
   Roles and register pairs are governed by DESIGN.md §2. */
:root {
  --action: var(--signal-lime);
  --action-hover: var(--signal-lime-bright);
  --action-ink: #1a1b18;
  --selection-surface: var(--signal-lime);
  --selection-ink: #1a1b18;
  --focus: var(--signal-lime);
  --infra-ink: #92C9DF;
  --infra-surface: #152934;
  --infra-field-ink: var(--infra-ink);
  --ai-ink: #F0AAA5;
  --ai-surface: #342022;
  --ai-field-ink: var(--ai-ink);
}
:root.theme-paper {
  --focus: #235B78;
  --infra-ink: #235B78;
  --infra-surface: #235B78;
  --infra-field-ink: #f0f0ee;
  --ai-ink: #B34345;
  --ai-surface: #B34345;
  --ai-field-ink: #f0f0ee;
}
:root .brand-refresh {
  --subject-ink: var(--bone);
  --subject-accent: var(--bone);
  --subject-surface: var(--hangar-raised);
  scrollbar-color: var(--instrument-grey) var(--obsidian);
}
:root .brand-refresh[data-domain="infrastructure"],
:root .brand-refresh [data-domain="infrastructure"] {
  --subject-ink: var(--infra-field-ink);
  --subject-accent: var(--infra-ink);
  --subject-surface: var(--infra-surface);
}
:root .brand-refresh[data-domain="ai"],
:root .brand-refresh [data-domain="ai"] {
  --subject-ink: var(--ai-field-ink);
  --subject-accent: var(--ai-ink);
  --subject-surface: var(--ai-surface);
}
:root .brand-refresh [data-domain="applications"] {
  --subject-ink: var(--bone);
  --subject-accent: var(--bone);
  --subject-surface: var(--hangar-raised);
}
:root .brand-refresh ::selection { color: var(--selection-ink); background: var(--selection-surface); }
:root .brand-refresh :focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
:root .brand-refresh :is(h1, h2, h3) { text-wrap: balance; scroll-margin-top: 7rem; }
:root .brand-refresh .footer-col h3 {
  font-family: var(--font-display);
  text-transform: uppercase;
  font-size: .875rem;
  letter-spacing: .1em;
  color: var(--instrument-grey);
  margin-bottom: 1.25rem;
}
:root .brand-refresh .btn-primary { color: var(--action-ink); background: var(--action); }
:root .brand-refresh .btn-primary:hover { color: var(--action-ink); background: var(--action-hover); box-shadow: none; }
:root .brand-refresh .btn-outline { color: var(--bone); border-color: var(--bone); }
:root .brand-refresh .btn-outline:hover { color: var(--bone); background: var(--hangar-raised); }

/* Existing copy becomes quiet context instead of a competing lime chip. */
:root .brand-refresh .section-tag {
  color: var(--instrument-grey);
  background: transparent;
  border: 0;
  padding: 0;
  font-size: .875rem;
  letter-spacing: .06em;
}
:root .brand-refresh .text-lime {
  color: inherit;
  background: transparent;
  padding: 0;
  box-shadow: none;
}
:root .brand-refresh .scope-note { background: var(--hangar-raised); }
:root .brand-refresh .scope-note__label { font-size: .875rem; }

:root .brand-refresh [data-domain="applications"] .use-case-card__number::before {
  content: '';
  display: inline-block;
  width: .5rem;
  height: .5rem;
  margin-right: .5rem;
  vertical-align: .05em;
  background: var(--action);
  border: 1px solid var(--bone);
}
:root .brand-refresh .use-case-grid { gap: .75rem; }
:root .brand-refresh .use-case-card { color: var(--subject-ink); background: var(--subject-surface); border-color: transparent; }
:root .brand-refresh .use-case-card:hover { color: var(--subject-ink); background: var(--subject-surface); border-color: var(--subject-ink); }
:root .brand-refresh .use-case-card :is(h3, p, .use-case-card__number, .use-case-card__link),
:root .brand-refresh .use-case-card:hover .use-case-card__link { color: var(--subject-ink); }
:root .brand-refresh .use-case-card__link { text-decoration-color: currentColor; }
:root .brand-refresh .use-case-card:hover .use-case-card__link { background: transparent; text-decoration-color: currentColor; }
:root .brand-refresh :is(.use-case-card__number, .use-case-card__link, .outcome-panel__label) { font-size: .875rem; }

/* A blueprint owns one material hue; its reading sections stay neutral. */
:root .brand-refresh.blueprint-page .page-header {
  text-align: left;
  color: var(--subject-ink);
  background: var(--subject-surface);
  padding-bottom: 4rem;
}
:root .brand-refresh .page-header::before { display: none; }
:root .brand-refresh.blueprint-page .page-header :is(h1, p, .section-tag) { color: var(--subject-ink); }
:root .brand-refresh.blueprint-page .page-header h1 { max-width: 22ch; }
:root .brand-refresh.blueprint-page .page-header p { max-width: 65ch; margin-inline: 0; }
:root .brand-refresh.blueprint-page .outcome-panel--target {
  color: var(--subject-ink);
  background: var(--subject-surface);
  border-color: transparent;
}
:root .brand-refresh.blueprint-page .outcome-panel--target :is(h3, ul, li, .outcome-panel__label) { color: var(--subject-ink); }
:root .brand-refresh.blueprint-page :is(.outcome-arrow, .process-step__num) { color: var(--subject-accent); }
:root .brand-refresh.blueprint-page .outcome-arrow {
  width: 24px;
  height: 24px;
  font-size: 0;
  background: currentColor;
  mask: url('../icons/feather/arrow-right.svg') center / contain no-repeat;
}
:root .brand-refresh .cta-banner::before { display: none; }
:root .brand-refresh.blueprint-page .cta-banner .btn { margin: .5rem .75rem 0 0 !important; }


@media (max-width: 800px) {
  :root .brand-refresh.blueprint-page .page-header { padding-top: 8rem; }
}
@media (max-width: 480px) {
  :root .brand-refresh.blueprint-page .page-header { padding-top: 7.5rem; padding-bottom: 3rem; }
  :root .brand-refresh.blueprint-page .page-header h1 { font-size: clamp(2rem, 8.5vw, 3rem); }
  :root .brand-refresh .use-case-card { padding: 1.5rem; }
  :root .brand-refresh .use-case-grid--four .use-case-card { min-height: 0; }
  :root .brand-refresh .outcome-panel { padding: 1.5rem; }
  :root .brand-refresh.blueprint-page .cta-banner .btn { display: flex; justify-content: center; margin: .75rem 0 0 !important; }
}