/* Shared visual language of the GlobalCad cockpit. */
@font-face {
    font-family: 'Mona Sans';
    font-style: normal;
    font-weight: 200 900;
    font-display: swap;
    src: url('../fonts/MonaSans-Latin-Variable.woff2') format('woff2');
}
:root {
    --gc-bg: #f7f8fc; --gc-surface: #fff; --gc-soft: #f1f2f9;
    --gc-ink: #202039; --gc-muted: #646b82; --gc-subtle: #72798f;
    --gc-accent: #6256da; --gc-accent-soft: #efedfd; --gc-border: #e4e6f0;
    --gc-hover: #c7c2ee; --gc-shadow: 0 3px 14px rgba(32,32,67,.025);
    --gc-ease: cubic-bezier(.22,.68,0,1.02);
}
html.dark-mode, html.dark, html[data-bs-theme='dark'] {
    --gc-bg: #020205; --gc-surface: #191d30; --gc-soft: #22263c;
    --gc-ink: #eef0ff; --gc-muted: #b1b8cf; --gc-subtle: #a1aac4;
    --gc-accent: #b2a8ff; --gc-accent-soft: #2b284b; --gc-border: #30354b;
    --gc-hover: #615b8f; --gc-shadow: 0 3px 14px rgba(0,0,0,.12);
    color-scheme: dark;
}
/* Match module 4047's UI-kit page background (--slate-950), with an sRGB fallback. */
@supports (color: oklch(9% 0.012 265)) {
    html.dark-mode, html.dark, html[data-bs-theme='dark'] { --gc-bg: oklch(9% 0.012 265); }
}
/* Change only the dark page canvas; legacy components keep their own surfaces. */
html:is(.dark-mode, .dark, [data-bs-theme='dark']) body { background-color: var(--gc-bg); }
.gc-chrome {
    font-family: 'Mona Sans', 'Segoe UI', sans-serif;
    color: var(--gc-ink); -webkit-font-smoothing: antialiased;
    --si-body-color: var(--gc-ink); --si-heading-color: var(--gc-ink);
    --si-border-color: var(--gc-border);
}
.gc-chrome :is(button, input, select, textarea) { font-family: inherit; }
.gc-chrome :is(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 3px solid var(--gc-accent); outline-offset: 3px;
}
.gc-chrome :is(h1,h2,h3,h4) { color: var(--gc-ink); letter-spacing: -.035em; }
.gc-chrome .dropdown-menu {
    background: var(--gc-surface); color: var(--gc-ink); border: 1px solid var(--gc-border);
    border-radius: 14px; box-shadow: 0 12px 40px rgba(32,32,67,.12); padding: 6px;
}
.gc-chrome .dropdown-item { border-radius: 8px; color: var(--gc-ink); }
.gc-chrome .dropdown-item:is(:hover,:focus) { color: var(--gc-accent); background: var(--gc-accent-soft); }
@media (prefers-reduced-motion: reduce) {
    .gc-chrome *, .gc-chrome *::before, .gc-chrome *::after {
        scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important;
    }
}