/*
Theme Name: Academy
Description: Public WordPress and WooCommerce shell with a separate learner mount.
Version: 0.1.0
Requires at least: 6.8
Requires PHP: 8.3
License: GPL-2.0-or-later
Text Domain: academy
*/

/* Shared token values are generated from design-system/tokens.json. */
:root {
	--academy-surface: var(--ds-color-surface);
	--academy-text: var(--ds-color-text-primary);
	--academy-border: var(--ds-color-border);
	--academy-content-width: var(--ds-layout-max-width);
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--academy-surface); color: var(--academy-text); font-family: var(--ds-typography-font-family); font-size: var(--ds-typography-body-size); line-height: var(--ds-typography-body-line-height); overflow-wrap: break-word; }
a { color: inherit; text-underline-offset: .2em; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: var(--ds-states-focus-width) solid var(--ds-color-focus); outline-offset: var(--ds-states-focus-offset); }
img, video { max-width: 100%; height: auto; }
iframe { max-width: 100%; }
.academy-container { width: min(calc(100% - var(--ds-spacing-8)), var(--academy-content-width)); margin-inline: auto; }
.academy-header { border-bottom: 1px solid var(--academy-border); }
.academy-header-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ds-spacing-4); padding-block: var(--ds-spacing-4); }
.academy-brand { font-weight: 700; text-decoration: none; }
.academy-navigation ul { display: flex; flex-wrap: wrap; gap: var(--ds-spacing-4); list-style: none; margin: 0; padding: 0; }
.academy-navigation .sub-menu { display: block; padding-inline-start: var(--ds-spacing-4); }
.academy-main { min-height: 60vh; padding-block: var(--ds-spacing-8); }
.academy-content { max-width: var(--ds-typography-reading-width); }
.academy-content > * { max-width: 100%; }
.academy-content pre { overflow-x: auto; }
.academy-footer { border-top: 1px solid var(--academy-border); padding-block: var(--ds-spacing-4); }
.academy-skip-link { position: absolute; top: 0; left: var(--ds-spacing-4); padding: var(--ds-spacing-3); background: var(--academy-surface); transform: translateY(-150%); }
.academy-skip-link:focus { transform: translateY(0); z-index: var(--ds-z-index-modal); }
.academy-learner { min-height: 100vh; }
.academy-learner main { min-height: 100vh; }