/*
 * public/window.css — a screen drawn inside a desk window looks like a normal
 * Mac or Windows window (Thomas, 2026-10-16): neutral greys and the system
 * blue in dark mode, rather than the classic layout's teal. Light mode is
 * already neutral and is left alone. Loaded by partials/head.ejs in embed mode,
 * and by the sign-in screens (body.is-auth) so the form beside the navy brand
 * panel matches the windows behind it; the classic layout keeps its palette.
 *
 * sx! --fx-color-cyan and friends are var() aliases resolved once on :root;
 * a custom property inherits its COMPUTED value, so overriding brass here
 * does not reach them unless they are declared again here too.
 * @author Thomas G. and Sophia, SOPHIA XT LLC (sophiaxt.com)
 * @sophia-mark sx1 df5ae605af70 d11ce3d09606 Kk5427RULx5KMCeAh30fEE3LgVg_Uy9bwbOYRFgqtZENRCJDzLCPbXjOxjhc5nfYFMYDV3j1pRWhxu-IPwEWAw
 * Copyright (c) 2026 SOPHIA XT LLC. All rights reserved.
 *
 * Panels that were tinted blue (primary-tint, the info tone) are grey too,
 * a shade lighter than the window, so the only blue is the accent itself.
 *
 * sx: measured against #1e1e1e: ink 16:1, muted 9.5:1, primary as text 6.7:1,
 * the dark label on a primary fill 7.2:1, the strong border 3.6:1.
 */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) body.is-embed, :root:not([data-theme="light"]) body.is-auth {
    --fx-color-ground: #161618; --fx-color-bg: #1e1e1e; --fx-color-surface: #19191b; --fx-color-surface-2: #2a2a2d; --fx-color-zebra: #222224;
    --fx-color-ink: #f2f2f2; --fx-color-muted: #b4b4b9; --fx-color-border: #333336; --fx-color-border-strong: #77777d;
    --fx-color-primary: #5aa9ff; --fx-color-primary-lift: #6cb3ff; --fx-color-primary-deep: #4a9af0; --fx-color-primary-hover: #7fbdff;
    --fx-color-on-primary: #04162e; --fx-color-primary-tint: #26282d; --fx-color-accent-ink: #7fbdff;
    --fx-color-brass: #7fbdff; --fx-color-brass-solid: #5aa9ff; --fx-color-brass-tint: #26282d; --fx-color-on-brass: #04162e;
    --fx-color-neutral: #b4b4b9; --fx-color-neutral-tint: #2a2a2d; --fx-color-info: #7fbdff; --fx-color-info-tint: #26282d;
    --fx-color-focus: #7fbdff; --fx-color-focus-on-dark: #7fbdff;
    --fx-tone-neutral-bg: #1e1e1e; --fx-tone-neutral-ink: #f2f2f2; --fx-tone-neutral-muted: #b4b4b9; --fx-tone-neutral-surface: #19191b; --fx-tone-neutral-border: #333336;
    --fx-tone-info-bg: #26282d; --fx-tone-info-ink: #f2f2f2; --fx-tone-info-muted: #b4b4b9; --fx-tone-info-surface: #2c2e33; --fx-tone-info-border: #3a3c42; --fx-tone-info-block: #5aa9ff;
    --fx-tone-accent-bg: #5aa9ff; --fx-tone-accent-ink: #04162e; --fx-tone-accent-muted: #0b2a52; --fx-tone-accent-surface: #4a9af0; --fx-tone-accent-border: #4a9af0; --fx-tone-accent-block: #04162e; --fx-tone-accent-focus: #04162e;
    --fx-color-cyan: var(--fx-color-brass-solid); --fx-color-cyan-pale: var(--fx-color-brass-tint); --fx-color-on-cyan: var(--fx-color-on-brass); --fx-color-selection-bg: #5aa9ff; --fx-color-selection-fg: #04162e; --fx-color-rail-line: #333336; --fx-color-rail-accent: #7fbdff; --fx-grad-primary: linear-gradient(180deg, var(--fx-color-primary-lift) 0%, var(--fx-color-primary-deep) 100%); --fx-grad-raise: linear-gradient(180deg, var(--fx-color-bg) 0%, var(--fx-color-surface) 100%);
  }
}
:root[data-theme="dark"] body.is-embed, :root[data-theme="dark"] body.is-auth {
  --fx-color-ground: #161618; --fx-color-bg: #1e1e1e; --fx-color-surface: #19191b; --fx-color-surface-2: #2a2a2d; --fx-color-zebra: #222224;
  --fx-color-ink: #f2f2f2; --fx-color-muted: #b4b4b9; --fx-color-border: #333336; --fx-color-border-strong: #77777d;
  --fx-color-primary: #5aa9ff; --fx-color-primary-lift: #6cb3ff; --fx-color-primary-deep: #4a9af0; --fx-color-primary-hover: #7fbdff;
  --fx-color-on-primary: #04162e; --fx-color-primary-tint: #26282d; --fx-color-accent-ink: #7fbdff;
  --fx-color-brass: #7fbdff; --fx-color-brass-solid: #5aa9ff; --fx-color-brass-tint: #26282d; --fx-color-on-brass: #04162e;
  --fx-color-neutral: #b4b4b9; --fx-color-neutral-tint: #2a2a2d; --fx-color-info: #7fbdff; --fx-color-info-tint: #26282d;
  --fx-color-focus: #7fbdff; --fx-color-focus-on-dark: #7fbdff;
  --fx-tone-neutral-bg: #1e1e1e; --fx-tone-neutral-ink: #f2f2f2; --fx-tone-neutral-muted: #b4b4b9; --fx-tone-neutral-surface: #19191b; --fx-tone-neutral-border: #333336;
  --fx-tone-info-bg: #26282d; --fx-tone-info-ink: #f2f2f2; --fx-tone-info-muted: #b4b4b9; --fx-tone-info-surface: #2c2e33; --fx-tone-info-border: #3a3c42; --fx-tone-info-block: #5aa9ff;
  --fx-tone-accent-bg: #5aa9ff; --fx-tone-accent-ink: #04162e; --fx-tone-accent-muted: #0b2a52; --fx-tone-accent-surface: #4a9af0; --fx-tone-accent-border: #4a9af0; --fx-tone-accent-block: #04162e; --fx-tone-accent-focus: #04162e;
  --fx-color-cyan: var(--fx-color-brass-solid); --fx-color-cyan-pale: var(--fx-color-brass-tint); --fx-color-on-cyan: var(--fx-color-on-brass); --fx-color-selection-bg: #5aa9ff; --fx-color-selection-fg: #04162e; --fx-color-rail-line: #333336; --fx-color-rail-accent: #7fbdff; --fx-grad-primary: linear-gradient(180deg, var(--fx-color-primary-lift) 0%, var(--fx-color-primary-deep) 100%); --fx-grad-raise: linear-gradient(180deg, var(--fx-color-bg) 0%, var(--fx-color-surface) 100%);
}
body.is-embed, body.is-auth { background: var(--fx-color-ground); }