/* ==========================================================================
   nbit.center — Accessibility comfort mode (data-a11y="on")
   A high-contrast, larger-text, motion-free variant of the LIGHT theme.
   This is an optional enhancement ON TOP of the WCAG 2.1 AA baseline.
   ========================================================================== */

/* Maximum contrast on the marketing surfaces (built on the light token set) */
html[data-a11y="on"] body.landing-page {
    --nb-text: #000000 !important;
    --nb-text-muted: #1a1a1a !important;
    --nb-text-dim: #2b2b2b !important;
    --nb-border: rgba(0, 0, 0, 0.55) !important;
    --nb-border-strong: #000000 !important;
    --nb-surface: #ffffff !important;
    --nb-surface-2: #ffffff !important;
    --nb-card-bg: #ffffff !important;
    --nb-card-grad: #ffffff !important;
    --nb-ghost-bg: #ffffff !important;
    --nb-input-bg: #ffffff !important;
    --nb-cyan-text: #04657a !important;   /* AAA-ish teal on white */
    --nb-blue: #0030c0 !important;        /* stronger blue */
    --nb-blue-hover: #002499 !important;
    --nb-chrome-bg: #ffffff !important;
    --nb-chrome-bg-hover: #e9edf6 !important;
    --nb-chrome-border: #000000 !important;
    --nb-chrome-fg: #000000 !important;
    --nb-grid-line: transparent !important;
}

/* Larger base type + comfortable line length */
html[data-a11y="on"] {
    font-size: 112.5%; /* ~18px */
}
html[data-a11y="on"] body {
    line-height: 1.7;
}

/* Underline links so they're distinguishable without relying on colour */
html[data-a11y="on"] .landing a,
html[data-a11y="on"] .nb-nav a,
html[data-a11y="on"] .nb-mobilemenu a,
html[data-a11y="on"] .footer-links a,
html[data-a11y="on"] .site-footer a {
    text-decoration: underline;
}

/* Solid (not gradient) headline so it always meets contrast */
html[data-a11y="on"] .nb-gradient-text {
    background: none;
    color: var(--nb-blue);
    -webkit-text-fill-color: var(--nb-blue);
}

/* Kill all motion (decorative + transitions), like reduced-motion forced on */
html[data-a11y="on"] *,
html[data-a11y="on"] *::before,
html[data-a11y="on"] *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
}

/* Hide purely decorative layers + the light/dark toggle (a11y owns the look) */
html[data-a11y="on"] .nb-fx,
html[data-a11y="on"] .nb-hero__mesh,
html[data-a11y="on"] [data-theme-toggle] {
    display: none !important;
}

/* Very strong, high-contrast keyboard focus everywhere */
html[data-a11y="on"] a:focus-visible,
html[data-a11y="on"] button:focus-visible,
html[data-a11y="on"] input:focus-visible,
html[data-a11y="on"] textarea:focus-visible,
html[data-a11y="on"] select:focus-visible,
html[data-a11y="on"] [tabindex]:focus-visible {
    outline: 4px solid #0030c0 !important;
    outline-offset: 3px !important;
}

/* Active-state hint on the accessibility button */
html[data-a11y="on"] .a11y-toggle-btn {
    background: #0030c0 !important;
    border-color: #0030c0 !important;
    color: #ffffff !important;
}