/* Line 15737 (2026-09-28, atlas SEED-0199 / SEED-0196): the businesses directory and storefronts follow the
   visitor's light or dark setting. Loaded only on /businesses and /businesses/{domain} while
   ai.features.business_pages_light_dark is on. Dark keeps today's palette (one contrast fix below); light re-points the
   same --ns-* tokens the landing shell and the .ab-surface already read to the Google-path palette used by
   public/css/ns-tokens.css (white, ink #202124, grey #5f6368, lines #dadce0). NetShow gold becomes #b06000 in light
   so gold text and white-on-gold buttons both hold 4.5:1. */

/* Line 16099 (fix-ui-03-20260929-r1, F-0631): dark as well. `.ab-surface a { color: inherit }` outranks the button's own
   colour, so the primary link wore the page's white ink on gold #f59e0b (2.2:1). It takes back the button's own ink,
   the page ground (--ab-bg, #1a1a1a in dark: 8.1:1 on the gold, 5.5:1 on the #d97706 hover). While design-system.css is still on
   its way (these pages may defer it) neither token exists, so the link keeps today's inherited ink on no fill instead
   of dark ink on the dark page. The light block below still pins white. */
.ab-surface a.ab-button--primary:is(:link, :visited, :hover, :focus-visible) { color: var(--ab-bg); }

@media (prefers-color-scheme: light) {
    :root {
        color-scheme: light;
        --ns-bg-void: #ffffff;
        --ns-bg-primary: #ffffff;
        --ns-bg-secondary: #f8f9fa;
        --ns-bg-tertiary: #f1f3f4;
        --ns-bg-elevated: #ffffff;
        --ns-text-primary: #202124;
        --ns-text-secondary: #5f6368;
        --ns-text-muted: #5f6368;
        --ns-border: #dadce0;
        --ns-border-subtle: #e8eaed;
        --ns-border-strong: #bdc1c6;
        --ns-accent: #b06000;
        --ns-accent-hover: #8f4e00;
        --ns-accent-subtle: rgba(176, 96, 0, 0.08);
        --ns-shadow-sm: 0 1px 2px rgba(60, 64, 67, 0.16);
        --ns-shadow-xl: 0 1px 3px rgba(60, 64, 67, 0.16), 0 8px 24px rgba(60, 64, 67, 0.12);
        --landing-glow: none;
    }

    body.ns-landing-page { background: #ffffff; color: #202124; }

    .landing-header {
        background: rgba(255, 255, 255, 0.94);
        border-bottom-color: #e8eaed;
    }

    .landing-brand { color: #202124; }
    .landing-link-btn { color: #5f6368; }
    .landing-link-btn:hover,
    .landing-link-btn:focus-visible { color: #202124; background: rgba(60, 64, 67, 0.06); }

    /* The shared footer paints its links with inline #9ca3af (2.5:1 on white); light gives them Google's grey. */
    .landing-footer { color: #5f6368; border-top-color: #e8eaed; }
    .landing-footer a,
    .landing-footer a.landing-nav-link { color: #5f6368 !important; }

    .ab-surface { background: #ffffff; }
    /* `.ab-surface a { color: inherit }` outranks the button's own colour; light pins white on gold (4.8:1). */
    .ab-surface .ab-button--primary,
    .ab-surface a.ab-button--primary:is(:link, :visited, :hover, :focus-visible) { color: #ffffff; }
    .ab-surface :is(input, select) { background: #ffffff; color: #202124; border-color: #dadce0; }
    .ab-surface :is(input, select)::placeholder { color: #5f6368; }
}