/* Shared OneKids brand colors. Homepage, authored content colors, charts and
   semantic success/warning/error states retain their own color contracts. */
@media screen {
  :root {
    --ok-blue:#0866ed;
    --ok-blue-strong:#0757cc;
    --ok-navy:#123f78;
    --ok-ink:#153253;
    --ok-muted:#5c6f87;
    --ok-white:#fff;
    --ok-soft:#f5f9ff;
    --ok-pale:#eaf3ff;
    --ok-line:#dce8f7;
    --blue:var(--ok-blue);
    --blue-strong:var(--ok-blue-strong);
    --violet:var(--ok-blue-strong);
    --ink:var(--ok-ink);
    --text:var(--ok-ink);
    --muted:var(--ok-muted);
    --line:var(--ok-line);
    --surface:var(--ok-white);
    --surface-soft:var(--ok-soft);
    --surface-blue:var(--ok-pale);
    --brand:var(--ok-blue);
    --brand-dark:var(--ok-navy);
    --brand-soft:var(--ok-pale);
    --page:var(--ok-soft);
    --border:var(--ok-line);
    --admin-bg:var(--ok-soft);
    --admin-panel:var(--ok-white);
    --admin-text:var(--ok-ink);
    --admin-muted:var(--ok-muted);
    --admin-line:var(--ok-line);
    --admin-blue:var(--ok-blue);
    --admin-purple:var(--ok-blue-strong);
    --admin-accent:var(--ok-blue);
    --article-text:var(--ok-ink);
    --article-muted:var(--ok-muted);
    --article-line:var(--ok-line);
    --article-blue:var(--ok-blue);
    --article-purple:var(--ok-blue-strong);
    --article-panel:var(--ok-white);
    --ui-control-border:var(--ok-line);
    --ui-control-bg:var(--ok-white);
    --ui-control-text:var(--ok-ink);
    --ui-control-muted:var(--ok-muted);
    --ui-control-focus:var(--ok-blue);
    --ui-control-focus-ring:#0866ed26;
    --ui-control-disabled-bg:#f1f5fb;
  }

  /* Admin chrome and primary actions; status badges and danger actions are untouched. */
  .admin-sidebar {background:linear-gradient(180deg,var(--ok-navy),#0c3266);color:#eaf3ff}
  .admin-brand-mark,.admin-brand>span {background:linear-gradient(135deg,var(--ok-blue),var(--ok-navy));box-shadow:0 8px 22px #0866ed26}
  .admin-sidebar nav a:hover,.admin-sidebar nav a[aria-current="page"] {background:#ffffff1f;color:#fff}
  .admin-sidebar nav a[aria-current="page"] .admin-icon {color:#b4d5ff}
  .admin-sidebar :is(.link-button,.sidebar-company small,.sidebar-user__role,.sidebar-logout-button) {color:#c2ddff}
  .admin-shell .button--primary,.login-page .button--primary {background:var(--ok-blue);border-color:var(--ok-blue);color:#fff;box-shadow:0 6px 18px #0866ed20}
  .admin-shell .button--primary:hover,.login-page .button--primary:hover {background:var(--ok-blue-strong);border-color:var(--ok-blue-strong);color:#fff}
  .admin-shell .button--secondary {background:var(--ok-pale);color:var(--ok-navy)}
  .admin-shell th {color:var(--ok-muted)}
  .admin-shell tbody tr:hover {background:var(--ok-soft)}
  .admin-shell .empty-state {background:var(--ok-soft);border-color:var(--ok-line)}
  .admin-shell .admin-eyebrow {color:var(--ok-blue)}
  .admin-shell .content-tabs a {border-color:var(--ok-line);color:var(--ok-navy)}
  .admin-shell .content-tabs a[aria-current="page"],.admin-shell .pb-tabs button[aria-selected="true"],.admin-shell .pb-device-switch button[aria-pressed="true"] {background:var(--ok-blue);color:#fff}
  .admin-shell .page-catalog-visual {background:linear-gradient(135deg,var(--ok-pale),var(--ok-soft));color:var(--ok-navy)}
  .admin-shell .page-catalog-visual>span {color:var(--ok-blue)}
  .admin-shell .page-catalog-visual--home {background:linear-gradient(120deg,var(--ok-blue),var(--ok-navy));color:#fff}
  .admin-shell .page-catalog-visual--home>span {color:#c2ddff}
  .admin-shell .settings-steps li {border-color:var(--ok-line)}
  .admin-shell .settings-steps li>span {background:var(--ok-blue);color:#fff}
  .admin-shell .settings-steps small,.admin-shell .settings-explainer>p:not(.admin-eyebrow) {color:var(--ok-muted)}
  .admin-shell .generic-page-builder {--gpb-accent:var(--ok-blue);--gpb-ink:var(--ok-ink);--gpb-border:var(--ok-line);--gpb-muted:var(--ok-muted);--gpb-soft:var(--ok-soft)}
  .admin-sidebar nav a .contact-nav-badge,.admin-sidebar nav a .article-nav-badge {background:var(--ok-blue);color:#fff}
  .admin-shell .alert:not([class*="alert--"]),.admin-shell .notice:not([class*="notice--"]) {background:var(--ok-pale);border-color:var(--ok-line);color:var(--ok-ink)}
  .login-page {background:radial-gradient(circle at 20% 10%,#e0edff,transparent 45%),var(--ok-soft)}
  :is(.admin-shell,.login-page) :is(input,select,textarea):focus:not([aria-invalid="true"]) {border-color:var(--ok-blue)}

  /* Public articles, Docs and shared navigation. */
  .public-header {border-color:var(--ok-line)}
  .public-header nav a {color:var(--ok-navy)}
  .public-topbar__search input {border-color:var(--ok-line)}
  .public-topbar__search button {background:var(--ok-blue)}
  .public-topbar__actions a {color:var(--ok-blue)!important;border-color:var(--ok-line)}
  .public-topbar__actions a:hover {background:var(--ok-pale);border-color:#a6c8f7}
  .public-topbar[data-topbar-ready] .public-topbar__menu {background:var(--ok-pale);color:var(--ok-blue);border-color:var(--ok-line)}
  .news-categories a[aria-current="page"],.news-category-more>button {color:var(--ok-blue);border-color:var(--ok-line)}
  .news-categories a[aria-current="page"]::after {background:var(--ok-blue)}
  .news-categories a[aria-current="page"] small {background:var(--ok-pale);color:var(--ok-blue)}
  .news-category-menu {border-color:var(--ok-line)}
  .news-category-menu a {color:var(--ok-ink)}
  .news-category-menu a:hover,.news-category-menu a:focus-visible,.news-category-menu a[aria-current="page"] {background:var(--ok-pale);color:var(--ok-blue)}
  .news-read-more {color:var(--ok-blue)}
  .pagination__page.is-current {background:var(--ok-blue);border-color:var(--ok-blue);color:#fff}
  .docs-taxonomy a[aria-current],.docs-public__nav a[aria-current] {background:var(--ok-pale);color:var(--ok-blue)}
  .docs-public__heading>p,.docs-public-card>p {color:var(--ok-muted)}
  .docs-public-search input,.docs-public__nav,.docs-public-card {border-color:var(--ok-line)}
  .docs-public-search button {background:var(--ok-blue);color:#fff}
  .docs-public-card__icon {background:var(--ok-pale);color:var(--ok-blue)}
  .docs-public-card h2 a:hover {color:var(--ok-blue)}

  /* Source-backed About and Contact pages inherit the same light surfaces. */
  .about-page {--about-ink:var(--ok-navy);--about-text:var(--ok-muted);--about-muted:var(--ok-muted);--about-line:var(--ok-line);--about-soft:var(--ok-soft);--about-blue:var(--ok-blue)}
  .contact-page {--contact-blue:var(--ok-blue);--contact-violet:var(--ok-blue-strong);--contact-ink:var(--ok-navy);--contact-text:var(--ok-muted);--contact-line:var(--ok-line);--contact-soft:var(--ok-soft)}
  .about-hero,.contact-hero {background:radial-gradient(circle at 82% 20%,#0866ed0d,transparent 32%),linear-gradient(135deg,var(--ok-soft),#edf5ff);color:var(--ok-navy)}
  .about-hero h1,.about-aside h2,.about-aside__brand,.about-page .about-prose :is(h2,h3,h4):not([class*="content-color-"]) {color:var(--ok-navy)}
  .about-hero__description,.about-aside__body {color:var(--ok-muted)}
  .about-breadcrumbs a,.about-prose a,.about-aside .eyebrow {color:var(--ok-blue)}
  .about-aside {border-color:var(--ok-line);background:linear-gradient(155deg,var(--ok-soft),#fff);box-shadow:0 18px 44px #123f7810}
  .about-aside__brand span {background:linear-gradient(135deg,var(--ok-blue),var(--ok-navy))}
  .about-aside .btn {border-color:#b8d2f5;background:#fff;color:var(--ok-blue)}
  .contact-page .site-header {background:#ffffffed;color:var(--ok-navy);border-color:var(--ok-line)}
  .contact-page .site-header .desktop-nav a {color:var(--ok-navy)}
  .contact-page .site-header .header-actions .btn-ghost {background:#fff;border-color:var(--ok-line);color:var(--ok-blue)}
  .contact-page .site-header .menu-toggle {border-color:var(--ok-line);background:#fff}
  .contact-page .site-header .menu-toggle::before,.contact-page .site-header .menu-toggle::after,.contact-page .site-header .menu-toggle span {background:var(--ok-navy)}
  .contact-hero .eyebrow {color:var(--ok-blue)}
  .contact-hero .eyebrow::before {background:var(--ok-blue)}
  .contact-hero__copy>p:not(.eyebrow) {color:var(--ok-muted)}
  .contact-hero__actions .btn-ghost {background:#fff;border-color:#b8d2f5;color:var(--ok-blue)}
  .contact-hero__actions .btn-light {background:var(--ok-blue);border-color:var(--ok-blue);color:#fff}
  .contact-hero__panel {background:#ffffffcf;border-color:var(--ok-line)}
  .contact-hero__panel span {color:var(--ok-blue)}
  .contact-hero__panel i {background:#d5e6fb}
  .contact-info-card small,.contact-info-card>a,.contact-map__header a,.contact-departments__list a {color:var(--ok-blue)}
  .contact-consultation__aside {background:var(--ok-pale);color:var(--ok-navy)}
  .contact-consultation__aside h2 {color:var(--ok-navy)}
  .contact-consultation__aside .eyebrow {color:var(--ok-blue)}
  .contact-consultation__aside>p,.contact-consultation__aside .contact-prose li {color:var(--ok-muted)}
  .contact-consultation__aside .contact-prose li::before {color:var(--ok-blue)}
  .contact-consultation__aside .btn {color:var(--ok-blue);border-color:#b8d2f5;background:#fff}

  /* Generic CMS pages keep per-block authored colors and selected light/dark tones. */
  .generic-site {color:var(--ok-ink)}
  .gb-page {--gb-color:var(--ok-ink);--gb-accent:var(--ok-blue)}
  .gs-header {color:var(--ok-navy);border-color:var(--ok-line)}
  .gs-header--dark {background:var(--ok-navy);color:#f4f8ff}
  .gs-brand__mark,.gs-contact button {background:var(--ok-blue);color:#fff}
  .gs-contact :is(input,textarea) {border-color:var(--ok-line);color:var(--ok-ink)}
  .gs-contact .gs-contact__consent {color:var(--ok-muted)}
  .gs-contact .gs-contact__consent input {accent-color:var(--ok-blue)}

  .site-footer {background:var(--footer-underlay,linear-gradient(115deg,#0063ed,#0067e4 48%,#006bd5));color:#fff}
  .site-footer .brand em {color:#e1f4ff}
  .site-footer .footer-brand p,.site-footer .footer-copyright {color:#fff}
  .site-footer .footer-social__links a:hover,.site-footer .footer-social__links a:focus-visible {border-color:#fff;background:#ffffff24}
  .generic-site[data-footer-tone="light"] .site-footer {--footer-surface:var(--ok-soft);background:var(--footer-underlay,var(--ok-soft));color:var(--ok-navy)}
  .generic-site[data-footer-tone="light"] .site-footer :is(h2,a,p,.brand) {color:var(--ok-navy)}
  .generic-site[data-footer-tone="light"] .footer-contact-bar {background:var(--ok-pale)}
}