/* Line 16983 (fix-forward-live-check-09301608-1-r1): the Google-path token values the public voice page
   (resources/views/agents/voice_page.blade.php, /agent/{slug}/voice) reads, on its own root .voice-page.
   google-path-polish-3-r2 moved the page off literal colours by writing `--ns-bg: var(--ns-bg)` and
   `--ns-text: var(--ns-bg)` in the view: a custom property that points at itself is a cycle and turns invalid, and
   text mapped to a background painted the heading, description and "is an AI agent" line white on white. The values
   live here (css/ns-tokens.css's dark and light sets; the page-local aliases keep the values the page had on 29 Sep),
   loaded after ns-tokens.css so the page's own scheme rules win over the generic .ns-gp scope. Dark by default, light
   with the app's own theme (html[data-bs-theme="light"]) or, when none is set, the OS. */

.voice-page {
    --ns-bg: #202124;
    --ns-bg-deep: #1b1c1f;
    --ns-surface: #292a2d;
    --ns-surface-2: #303134;
    --ns-elevated: #35363a;
    --ns-card: #2d2e31;
    --ns-text: #e8eaed;
    --ns-text-2: #9aa0a6;
    --ns-line: #3c4043;
    --ns-line-strong: #5f6368;
    --ns-link: #fdd663;
    --ns-gold: #f5a623;
    --ns-gold-light: #fdd663;
    --ns-gold-deep: #c7851a;
    --ns-gold-glow: rgba(245, 166, 35, .22);
    --ns-gold-border: rgba(245, 166, 35, .32);
    --ns-border: rgba(232, 234, 237, .12);
    --ns-border-strong: rgba(232, 234, 237, .2);
    --ns-on-accent: #202124;
    --ns-chrome-soft: rgba(0, 0, 0, .35);
    --ns-speaking: #5eead4;
    --ns-radius: 12px;
}

[data-bs-theme="light"] .voice-page {
    --ns-bg: #f8f9fa;
    --ns-bg-deep: #f1f3f4;
    --ns-surface: #ffffff;
    --ns-surface-2: #f1f3f4;
    --ns-elevated: #e8eaed;
    --ns-card: #ffffff;
    --ns-text: #202124;
    --ns-text-2: #5f6368;
    --ns-line: #dadce0;
    --ns-line-strong: #bdc1c6;
    --ns-link: #b06000;
    --ns-gold: #f9ab00;
    --ns-gold-light: #b06000;
    --ns-gold-deep: #e37400;
    --ns-gold-glow: rgba(249, 171, 0, .22);
    --ns-gold-border: rgba(176, 96, 0, .3);
    --ns-border: rgba(60, 64, 67, .14);
    --ns-border-strong: rgba(60, 64, 67, .26);
    --ns-on-accent: #202124;
    --ns-chrome-soft: rgba(60, 64, 67, .15);
}

@media (prefers-color-scheme: light) {
    :root:not([data-bs-theme]) .voice-page {
        --ns-bg: #f8f9fa;
        --ns-bg-deep: #f1f3f4;
        --ns-surface: #ffffff;
        --ns-surface-2: #f1f3f4;
        --ns-elevated: #e8eaed;
        --ns-card: #ffffff;
        --ns-text: #202124;
        --ns-text-2: #5f6368;
        --ns-line: #dadce0;
        --ns-line-strong: #bdc1c6;
        --ns-link: #b06000;
        --ns-gold: #f9ab00;
        --ns-gold-light: #b06000;
        --ns-gold-deep: #e37400;
        --ns-gold-glow: rgba(249, 171, 0, .22);
        --ns-gold-border: rgba(176, 96, 0, .3);
        --ns-border: rgba(60, 64, 67, .14);
        --ns-border-strong: rgba(60, 64, 67, .26);
        --ns-on-accent: #202124;
        --ns-chrome-soft: rgba(60, 64, 67, .15);
    }
}
