.surface-panel{background:var(--color-surface);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--shadow-surface)}.surface-elevated{box-shadow:var(--shadow-elevated)}.button-skin-primary{background:var(--color-primary);color:var(--color-primary-contrast);border:var(--border-thin) var(--brand-border-style) color-mix(in srgb,var(--color-primary) 70%,black);border-radius:var(--button-radius);min-block-size:var(--button-height);padding:var(--button-pad-y) var(--button-pad-x)}.button-skin-primary:hover{background:var(--color-primary-hover)}.button-skin-secondary{background:transparent;color:var(--color-text);border:var(--border-thin) var(--brand-border-style) var(--color-border);border-radius:var(--button-radius);min-block-size:var(--button-height);padding:var(--button-pad-y) var(--button-pad-x)}.text-accent{color:var(--color-tertiary)}