/* ============================================================================ Base - .gm scope system/base.css The single CSS rule that turns a DOM subtree into a Giant Monkey-styled surface. Wrap your app shell in (or any parent div) and every component below inherits the right defaults. This rule is intentionally narrow - it only sets values that every gm-* component needs to inherit. Component classes themselves are scoped via `.gm .gm-foo` selectors so they cannot leak into host applications that don't opt in. See sibling base.md for what each declaration does and why. ============================================================================ */ .gm { font-family: var(--gm-font-sans); font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-size: var(--gm-fs-base); line-height: var(--gm-lh-base); background: var(--gm-bg-base); color: var(--gm-text-primary); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; touch-action: manipulation; } .gm a { color: var(--gm-accent); text-decoration: none; transition: color var(--gm-duration-fast) var(--gm-ease-out); } .gm a:hover { color: var(--gm-accent-strong); }