:root{--color-bg:var(--wa-color-canvas);--color-surface:var(--wa-color-surface);--color-surface-2:var(--wa-color-surface-muted);--color-text:var(--wa-color-text);--color-muted:var(--wa-color-text-muted);--color-border:var(--wa-color-border);--color-primary:var(--wa-color-action);--color-on-primary:var(--wa-color-on-action);--color-primary-hover:var(--wa-color-action-hover);--color-primary-soft:var(--wa-color-accent-soft);--color-focus:var(--wa-color-focus);--color-link:var(--wa-color-action);--color-link-hover:var(--wa-color-action-hover);--overlay:var(--wa-color-media-scrim);--font-sans:var(--wa-font-body-family);--radius-1:var(--wa-radius-control);--radius-2:var(--wa-radius-control);--radius-3:var(--wa-radius-panel);--radius-4:var(--wa-radius-panel);--radius-pill:var(--wa-radius-control);--border-1:var(--wa-border-width);--container-md:var(--wa-content-width);--shadow-1:var(--wa-shadow-level);--shadow-2:var(--wa-shadow-level);--shadow-3:var(--wa-shadow-level);--text-0:var(--wa-font-caption-size);--text-1:var(--wa-font-body-size);--text-2:var(--wa-font-body-size);--text-3:var(--wa-font-lead-size);--text-4:var(--wa-font-numeric-size);--text-5:var(--wa-font-heading-size);--text-6:var(--wa-font-heading-size);--text-7:var(--wa-font-display-size);--h1:var(--wa-font-display-size);--h2:var(--wa-font-heading-size);--h3:var(--wa-font-heading-size);--leading-tight:var(--wa-font-heading-line-height);--leading-snug:var(--wa-font-navigation-line-height);--leading-normal:var(--wa-font-body-line-height);--leading-relaxed:var(--wa-font-quote-line-height);--container-sm:calc(var(--wa-content-width) * 5 / 9);--container-lg:calc(var(--wa-content-width) * 1.25);--border-2:calc(var(--wa-border-width) * 2);--space-1:calc(.25rem * var(--wa-density));--space-2:calc(.5rem * var(--wa-density));--space-3:calc(.75rem * var(--wa-density));--space-4:calc(1rem * var(--wa-density));--space-5:calc(1.5rem * var(--wa-density));--space-6:calc(2rem * var(--wa-density));--space-7:calc(3rem * var(--wa-density));--space-8:calc(4rem * var(--wa-density));--space-9:calc(6rem * var(--wa-density));--space-10:calc(8rem * var(--wa-density));--wa-choice-shadow-none:none;--wa-choice-shadow-soft:0 .125rem .5rem color-mix(in srgb,var(--wa-color-text) 10%,transparent);--wa-choice-shadow-raised:0 .75rem 2rem color-mix(in srgb,var(--wa-color-text) 14%,transparent);--wa-choice-shadow-hard-offset:.5rem .5rem 0 var(--wa-color-border);}
@layer components {
.c-component-action:hover { background:var(--btn-bg-hover);color:var(--btn-fg-hover); }
.c-component-action:active { background:var(--btn-bg-active);color:var(--btn-fg-active); }
.c-component-action:focus-visible { outline-color:var(--wa-action-focus); }
.c-component-action:disabled,.c-component-action[aria-disabled=true] { background:var(--btn-bg-disabled);color:var(--btn-fg-disabled);opacity:1; }
.c-component-link { background-color:var(--btn-bg);color:var(--btn-fg);border-radius:var(--btn-radius); }
.c-component-card,.c-composition-link-box { --card-border:var(--wa-border-width) solid var(--wa-context-surface-border); }
.c-component-text.c-badge { --badge-radius:var(--wa-radius-control); }
}