/* Shared SystemicLogic CI foundations. Inter headings, Assistant copy. */
:root {
    color-scheme: light;
    --header-height: max(64px, 8vh);
    --site-wide: 1680px;
    --site-content: 1440px;
    --site-gutter: clamp(20px, 6vw, 96px);
    --section-space: clamp(36px, 5vw, 72px);
    --card-radius: 8px;
    --paper-sl: #fff;
    --paper-raised-sl: #fff;
    --ink-sl: #25232a;
    --ink-muted-sl: #615b64;
    --border-sl: #e2dce5;
    --link-sl: #64296c;
    --background-color: var(--paper-sl);
    --text-color: var(--ink-sl);
    --bs-body-bg: var(--paper-sl);
    --bs-body-color: var(--ink-sl);
    --bs-border-color: var(--border-sl);
}
html[data-theme="dark"] {
    color-scheme: dark;
    --paper-sl: #18171c;
    --paper-raised-sl: #25232a;
    --ink-sl: #f3eff5;
    --ink-muted-sl: #cec5d3;
    --border-sl: #49424e;
    --link-sl: #d6a5de;
    --background-color: var(--paper-sl);
    --text-color: var(--ink-sl);
    --bs-body-bg: var(--paper-sl);
    --bs-body-color: var(--ink-sl);
    --bs-border-color: var(--border-sl);
    --text-color-dark: var(--ink-sl);
}
html { scroll-padding-top: calc(var(--header-height) + 20px); }
body { min-width: 320px; line-height: 1.5; }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-inter); }
button, input, select, textarea { font-family: var(--font-regular); }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--link-sl); outline-offset: 4px; }
/* The router focuses the page title for navigation announcements, not interaction. */
h1[tabindex="-1"]:focus { outline: none; }
[hidden] { display: none !important; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Keep the no-script layout out of HTML that enhanced navigation reparses. */
@media (scripting: none) and (max-width: 1199px) {
    .primry-header[data-site-header] { position: relative; height: auto; }
    .primry-header .header-inner { display: block; padding-block: 16px; }
    .primry-header .site-navigation { display: block; position: static; width: 100%; max-height: none; border: 0; box-shadow: none; }
    .primry-header .capabilities-menu[hidden] { display: block !important; }
    .primry-header .header-actions, .primry-header .submenu-toggle { display: none; }
    .bird-hero[data-artwork] { margin-top: 0; }
}