/* ========================================================== ALPHASTRIKE OS Design Engine File : 08_style.css Version : 1.0.0 Created : 12 August 2026 Maintainer : ALPHASTRIKE Description : Final glue layer - load order manifest, scrollbar treatment, and small cross-cutting states that don't belong to typography, layout, or a single component. LOAD ORDER (see pages/*.html ): 01_variables.css - tokens (imports design-system exports) 02_reset.css - browser reset 03_typography.css - base type cascade 04_layout.css - container/section/grid utilities 05_components.css - page-header/chip/badge/divider utilities 06_animations.css - keyframes + scroll-reveal + loader 07_responsive.css - cross-cutting responsive utilities 08_style.css - this file, loaded last Copyright (c) 2026 ALPHASTRIKE All Rights Reserved. ============================================================*/ html { scrollbar-color: var(--alpha-border-strong) var(--alpha-surface-secondary); scrollbar-width: thin; } ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-track { background: var(--alpha-surface-secondary); } ::-webkit-scrollbar-thumb { background: var(--alpha-border-strong); border-radius: var(--alpha-radius-full); } ::-webkit-scrollbar-thumb:hover { background: var(--alpha-text-muted); } [disabled], [aria-disabled="true"], .is-disabled { opacity: var(--alpha-opacity-disabled); cursor: not-allowed; pointer-events: none; } .is-muted { opacity: var(--alpha-opacity-muted); } /* Body-scroll lock, shared by the mobile nav and the modal component */ body.alpha-navbar-open, body.alpha-modal-open, body.as-loading { overflow: hidden; } /* Skip-to-content link - visually hidden until focused */ .as-skip-link { position: absolute; top: -100%; left: var(--alpha-spacing-4); z-index: var(--as-z-toast); background: var(--alpha-surface-primary); color: var(--alpha-text-primary); padding: var(--alpha-spacing-3) var(--alpha-spacing-4); border-radius: var(--alpha-radius-md); border: var(--alpha-border-thin) solid var(--alpha-border-accent); transition: top var(--alpha-motion-duration-fast) var(--alpha-motion-ease-standard); } .as-skip-link:focus { top: var(--alpha-spacing-4); }