{"namespace":"FieldhouseOSDesignSystem_284ad6","components":[{"name":"Badge","sourcePath":"components/core/Badge.jsx"},{"name":"CountBadge","sourcePath":"components/core/Badge.jsx"},{"name":"Button","sourcePath":"components/core/Button.jsx"},{"name":"Input","sourcePath":"components/core/Input.jsx"},{"name":"Select","sourcePath":"components/core/Select.jsx"},{"name":"Toggle","sourcePath":"components/core/Toggle.jsx"},{"name":"DesktopIcon","sourcePath":"components/os/DesktopIcon.jsx"},{"name":"Dialog","sourcePath":"components/os/Dialog.jsx"},{"name":"StartMenu","sourcePath":"components/os/StartMenu.jsx"},{"name":"Taskbar","sourcePath":"components/os/Taskbar.jsx"},{"name":"Toast","sourcePath":"components/os/Toast.jsx"},{"name":"Window","sourcePath":"components/os/Window.jsx"}],"startingPoints":[{"name":"Button","path":"components/core/Button.jsx","previewPath":"components/core/core.card.html","kind":"component","section":"Core","subtitle":"Buttons, inputs, badges, toggles","viewport":"700x360"},{"name":"Window","path":"components/os/Window.jsx","previewPath":"components/os/os.card.html","kind":"component","section":"OS Shell","subtitle":"Window, taskbar, start menu, toasts, dialogs","viewport":"760x420"}],"cards":[{"path":"guidelines/cards/app-icons.html","group":"Brand","viewport":"700x160","subtitle":"Single emoji glyph on a frosted tile — the OS icon system","name":"App Icons"},{"path":"guidelines/cards/logo.html","group":"Brand","viewport":"700x180","subtitle":"Provided mark; keep clear space, never recolor the wordmark","name":"Logo"},{"path":"guidelines/cards/voice-tone.html","group":"Brand","viewport":"700x240","subtitle":"Deadpan OS chrome; the comedy lives in the content","name":"Voice & Tone"},{"path":"guidelines/cards/os-surfaces.html","group":"Colors","viewport":"700x150","subtitle":"Fixed film-room darks — identical across school skins","name":"OS Surfaces"},{"path":"guidelines/cards/school-skins.html","group":"Colors","viewport":"700x210","subtitle":"Set data-school on any scope to retheme the whole OS","name":"Alternate School Skins"},{"path":"guidelines/cards/school-theme.html","group":"Colors","viewport":"700x150","subtitle":"The swappable school layer; purple & gold out of the box","name":"School Theme — Bayou (default)"},{"path":"guidelines/cards/semantic-colors.html","group":"Colors","viewport":"700x130","subtitle":"Danger doubles as the unread-email color, obviously","name":"Semantic Colors"},{"path":"guidelines/cards/text-colors.html","group":"Colors","viewport":"700x140","subtitle":"Five steps from headline to disabled","name":"Text Hierarchy"},{"path":"components/core/core.card.html","group":"Components","viewport":"700x400","subtitle":"Buttons, inputs, select, badges, toggle","name":"Core Controls"},{"path":"components/os/os.card.html","group":"Components","viewport":"1100x640","subtitle":"Window, taskbar, start menu, desktop icons, toast, dialog","name":"OS Shell"},{"path":"ui_kits/fieldhouse-os/index.html","group":"Fieldhouse OS","viewport":"1280x800","subtitle":"Interactive: sign in, launch apps, start menu, school skins","name":"OS Shell — login → desktop"},{"path":"guidelines/cards/motion.html","group":"Foundations","viewport":"700x120","subtitle":"One easing curve, three speeds; nothing bounces","name":"Motion"},{"path":"guidelines/cards/radii.html","group":"Foundations","viewport":"700x140","subtitle":"sm=controls · md=buttons/inputs · lg=windows/tiles · pill=badges","name":"Corner Radii"},{"path":"guidelines/cards/shadows.html","group":"Foundations","viewport":"700x190","subtitle":"Elevation = darker air, not lighter cards; acrylic for transient chrome","name":"Shadows & Acrylic"},{"path":"guidelines/cards/spacing.html","group":"Foundations","viewport":"700x170","subtitle":"4px base grid","name":"Spacing"},{"path":"guidelines/cards/editorial-type.html","group":"Type","viewport":"700x170","subtitle":"Reserved for Saturday Circuit news content only","name":"Editorial Type — Georgia"},{"path":"guidelines/cards/type-scale.html","group":"Type","viewport":"700x240","subtitle":"11–32px; nothing below 11","name":"Type Scale"},{"path":"guidelines/cards/ui-type.html","group":"Type","viewport":"700x170","subtitle":"System-native by design; no webfonts shipped","name":"UI Type — Segoe UI stack"}],"templates":[],"hasThumbnailHtml":true,"globalCssPaths":["tokens/colors.css","tokens/typography.css","tokens/layout.css","tokens/effects.css","tokens/base.css","styles.css"],"tokens":[{"name":"--school-primary","value":"#461D7C","kind":"color","definedIn":"tokens/colors.css"},{"name":"--school-primary-bright","value":"#5f2ba6","kind":"color","definedIn":"tokens/colors.css"},{"name":"--school-primary-deep","value":"#2a1552","kind":"color","definedIn":"tokens/colors.css"},{"name":"--school-accent","value":"#FDD023","kind":"color","definedIn":"tokens/colors.css"},{"name":"--school-accent-deep","value":"#c9a416","kind":"color","definedIn":"tokens/colors.css"},{"name":"--school-on-primary","value":"#ffffff","kind":"color","definedIn":"tokens/colors.css"},{"name":"--school-on-accent","value":"#241804","kind":"color","definedIn":"tokens/colors.css"},{"name":"--os-bg-0","value":"#0f0c18","kind":"color","definedIn":"tokens/colors.css"},{"name":"--os-bg-1","value":"#161221","kind":"color","definedIn":"tokens/colors.css"},{"name":"--os-surface","value":"#1d1929","kind":"color","definedIn":"tokens/colors.css"},{"name":"--os-surface-2","value":"#241f33","kind":"color","definedIn":"tokens/colors.css"},{"name":"--os-surface-3","value":"#2d2740","kind":"color","definedIn":"tokens/colors.css"},{"name":"--os-acrylic","value":"rgba(36,31,51,.88)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--os-acrylic-heavy","value":"rgba(24,20,36,.92)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--os-stroke","value":"rgba(255,255,255,.10)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--os-stroke-strong","value":"rgba(255,255,255,.16)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--os-stroke-faint","value":"rgba(255,255,255,.06)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--text-1","value":"#f2eefc","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-2","value":"#c9c2dd","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-3","value":"#a79ec0","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-muted","value":"#8a83a0","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-faint","value":"#524b66","kind":"font","definedIn":"tokens/colors.css"},{"name":"--danger","value":"#e5484d","kind":"color","definedIn":"tokens/colors.css"},{"name":"--danger-deep","value":"#b23439","kind":"color","definedIn":"tokens/colors.css"},{"name":"--success","value":"#46a758","kind":"color","definedIn":"tokens/colors.css"},{"name":"--warning","value":"#e8a33d","kind":"color","definedIn":"tokens/colors.css"},{"name":"--info","value":"#6c8eef","kind":"color","definedIn":"tokens/colors.css"},{"name":"--accent","value":"var(--school-accent)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--on-accent","value":"var(--school-on-accent)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-window","value":"var(--os-surface)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-chrome","value":"var(--os-surface-2)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-hover","value":"rgba(255,255,255,.08)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-active","value":"rgba(255,255,255,.12)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--focus-ring","value":"0 0 0 2px var(--os-bg-0),0 0 0 4px var(--school-accent)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--wallpaper","value":"radial-gradient(90% 70% at 70% 30%,color-mix(in oklab,var(--school-primary) 55%,transparent),transparent 70%),linear-gradient(160deg,#191428 0%,#0f0c18 60%),#0f0c18","kind":"color","definedIn":"tokens/colors.css"},{"name":"--school-primary","value":"#8c1d2f","kind":"color","definedIn":"tokens/colors.css","scope":"[data-school=\"crimson\"]"},{"name":"--school-primary-bright","value":"#b02840","kind":"color","definedIn":"tokens/colors.css","scope":"[data-school=\"crimson\"]"},{"name":"--school-primary-deep","value":"#4d0f1a","kind":"color","definedIn":"tokens/colors.css","scope":"[data-school=\"crimson\"]"},{"name":"--school-accent","value":"#f3e2c0","kind":"color","definedIn":"tokens/colors.css","scope":"[data-school=\"crimson\"]"},{"name":"--school-accent-deep","value":"#cbb489","kind":"color","definedIn":"tokens/colors.css","scope":"[data-school=\"crimson\"]"},{"name":"--school-on-accent","value":"#2b1608","kind":"color","definedIn":"tokens/colors.css","scope":"[data-school=\"crimson\"]"},{"name":"--school-primary","value":"#0c2340","kind":"color","definedIn":"tokens/colors.css","scope":"[data-school=\"citrus\"]"},{"name":"--school-primary-bright","value":"#173a66","kind":"color","definedIn":"tokens/colors.css","scope":"[data-school=\"citrus\"]"},{"name":"--school-primary-deep","value":"#071527","kind":"color","definedIn":"tokens/colors.css","scope":"[data-school=\"citrus\"]"},{"name":"--school-accent","value":"#ff7f32","kind":"color","definedIn":"tokens/colors.css","scope":"[data-school=\"citrus\"]"},{"name":"--school-accent-deep","value":"#cc5f1c","kind":"color","definedIn":"tokens/colors.css","scope":"[data-school=\"citrus\"]"},{"name":"--school-on-accent","value":"#1f0d02","kind":"color","definedIn":"tokens/colors.css","scope":"[data-school=\"citrus\"]"},{"name":"--school-primary","value":"#154734","kind":"color","definedIn":"tokens/colors.css","scope":"[data-school=\"evergreen\"]"},{"name":"--school-primary-bright","value":"#1f6b4e","kind":"color","definedIn":"tokens/colors.css","scope":"[data-school=\"evergreen\"]"},{"name":"--school-primary-deep","value":"#0b2a1e","kind":"color","definedIn":"tokens/colors.css","scope":"[data-school=\"evergreen\"]"},{"name":"--school-accent","value":"#b3a369","kind":"color","definedIn":"tokens/colors.css","scope":"[data-school=\"evergreen\"]"},{"name":"--school-accent-deep","value":"#8f8150","kind":"color","definedIn":"tokens/colors.css","scope":"[data-school=\"evergreen\"]"},{"name":"--school-on-accent","value":"#1c1607","kind":"color","definedIn":"tokens/colors.css","scope":"[data-school=\"evergreen\"]"},{"name":"--font-ui","value":"'Segoe UI',system-ui,-apple-system,'Noto Sans',sans-serif","kind":"font","definedIn":"tokens/typography.css"},{"name":"--font-editorial","value":"Georgia,'Times New Roman',serif","kind":"font","definedIn":"tokens/typography.css"},{"name":"--font-mono","value":"Consolas,'SF Mono',monospace","kind":"font","definedIn":"tokens/typography.css"},{"name":"--text-xs","value":"11px","kind":"font","definedIn":"tokens/typography.css"},{"name":"--text-sm","value":"12px","kind":"font","definedIn":"tokens/typography.css"},{"name":"--text-md","value":"13px","kind":"font","definedIn":"tokens/typography.css"},{"name":"--text-lg","value":"15px","kind":"font","definedIn":"tokens/typography.css"},{"name":"--text-xl","value":"18px","kind":"font","definedIn":"tokens/typography.css"},{"name":"--text-2xl","value":"24px","kind":"font","definedIn":"tokens/typography.css"},{"name":"--text-3xl","value":"32px","kind":"font","definedIn":"tokens/typography.css"},{"name":"--weight-regular","value":"400","kind":"font","definedIn":"tokens/typography.css"},{"name":"--weight-medium","value":"600","kind":"font","definedIn":"tokens/typography.css"},{"name":"--weight-bold","value":"700","kind":"font","definedIn":"tokens/typography.css"},{"name":"--weight-black","value":"800","kind":"font","definedIn":"tokens/typography.css"},{"name":"--leading-tight","value":"1.2","kind":"font","definedIn":"tokens/typography.css"},{"name":"--leading-normal","value":"1.45","kind":"font","definedIn":"tokens/typography.css"},{"name":"--leading-loose","value":"1.6","kind":"font","definedIn":"tokens/typography.css"},{"name":"--tracking-caps","value":"2px","kind":"font","definedIn":"tokens/typography.css"},{"name":"--space-1","value":"4px","kind":"spacing","definedIn":"tokens/layout.css"},{"name":"--space-2","value":"8px","kind":"spacing","definedIn":"tokens/layout.css"},{"name":"--space-3","value":"12px","kind":"spacing","definedIn":"tokens/layout.css"},{"name":"--space-4","value":"16px","kind":"spacing","definedIn":"tokens/layout.css"},{"name":"--space-5","value":"20px","kind":"spacing","definedIn":"tokens/layout.css"},{"name":"--space-6","value":"24px","kind":"spacing","definedIn":"tokens/layout.css"},{"name":"--space-8","value":"32px","kind":"spacing","definedIn":"tokens/layout.css"},{"name":"--radius-sm","value":"6px","kind":"radius","definedIn":"tokens/layout.css"},{"name":"--radius-md","value":"8px","kind":"radius","definedIn":"tokens/layout.css"},{"name":"--radius-lg","value":"12px","kind":"radius","definedIn":"tokens/layout.css"},{"name":"--radius-pill","value":"999px","kind":"radius","definedIn":"tokens/layout.css"},{"name":"--taskbar-height","value":"52px","kind":"spacing","definedIn":"tokens/layout.css"},{"name":"--titlebar-height","value":"38px","kind":"spacing","definedIn":"tokens/layout.css"},{"name":"--desktop-icon","value":"50px","kind":"spacing","definedIn":"tokens/layout.css"},{"name":"--hit-target","value":"40px","kind":"spacing","definedIn":"tokens/layout.css"},{"name":"--shadow-window","value":"0 20px 60px rgba(0,0,0,.7)","kind":"shadow","definedIn":"tokens/effects.css"},{"name":"--shadow-toast","value":"0 10px 30px rgba(0,0,0,.6)","kind":"shadow","definedIn":"tokens/effects.css"},{"name":"--shadow-menu","value":"0 16px 40px rgba(0,0,0,.65)","kind":"shadow","definedIn":"tokens/effects.css"},{"name":"--shadow-subtle","value":"0 2px 8px rgba(0,0,0,.35)","kind":"shadow","definedIn":"tokens/effects.css"},{"name":"--blur-acrylic","value":"blur(16px)","kind":"other","definedIn":"tokens/effects.css","annotation":"other"},{"name":"--blur-acrylic-light","value":"blur(12px)","kind":"other","definedIn":"tokens/effects.css","annotation":"other"},{"name":"--ease-os","value":"cubic-bezier(.2,.8,.2,1)","kind":"other","definedIn":"tokens/effects.css","annotation":"other"},{"name":"--dur-fast","value":"120ms","kind":"other","definedIn":"tokens/effects.css","annotation":"other"},{"name":"--dur-med","value":"200ms","kind":"other","definedIn":"tokens/effects.css","annotation":"other"},{"name":"--dur-slow","value":"320ms","kind":"other","definedIn":"tokens/effects.css","annotation":"other"}],"themes":[{"selector":"[data-school=\"crimson\"]","label":"School Crimson"},{"selector":"[data-school=\"citrus\"]","label":"School Citrus"},{"selector":"[data-school=\"evergreen\"]","label":"School Evergreen"}],"fonts":[],"brandFonts":[],"source":"spa"}