@import url('./palette.css');
@import url('./icons.css');
@import url('./companion-avatar.css');
@import url('./motion.css');
@import url('./buttons.css');
@import url('./container-glamour.css');
@import url('./shape.css');
@import url('./lines.css');
@import url('./elevation.css');
@import url('./spacing.css');
@import url('./typography.css');
/* Approved COPY for workshop experimentation, not a live shared stylesheet.
   Color/button conventions sampled from Companion public/styles.css, 2026-09-09.
   Typography uses the local design system and font files. */
:root{color-scheme:light;font-family:var(--font-body);
--ink:#05162e;--muted:#756a6f;--paper:#fffdfc;--blush:#f9eeef;--rose:#e8b9bd;--rose-strong:#b85f70;
--line:#eadfde;--button-required-background:#d31c56;--button-optional-background:#05162e;--link-color:#d31c56;
--button-radius-pill:var(--radius-button-pill);--shadow:0 22px 60px rgba(73,42,49,.12);--space:var(--space-8)}
/* iOS otherwise re-autosizes text inside the cached Companion frames after a
   font swap or a large reflow. Keep the authored DS scale deterministic;
   browser zoom and the user's accessibility settings remain available. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper)}button,input,select{font:inherit}
button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--link-color);outline-offset:4px}
:is(button,a,summary,[role=button],[role=checkbox]){-webkit-tap-highlight-color:transparent}
:root[data-input-modality=pointer] :focus{outline:none!important}
[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}