/*
 * Shared component rules used by both apps/landing/styles.css and apps/club/public/styles.css.
 * Only declarations that were byte-identical (or resolved to the identical computed value via
 * tokens.css) in both stylesheets live here. Each app keeps its own base `.btn`, `.card` and
 * `.msg` rules for the properties that genuinely differ (sizing, padding), and `.chip` only
 * exists in apps/club today so it is not part of this shared file.
 */
.btn:hover { background: var(--color-ink); border-color: var(--color-ink); }
.btn.ghost { background: transparent; color: var(--color-ink); border-color: var(--color-ink); }
.btn.ghost:hover { background: var(--color-ink); color: var(--color-paper); }

.card { background: var(--color-paper); border: 1px solid var(--color-rule); border-radius: var(--radius-md); }

.msg { font-size: var(--text-sm); }
.msg.ok { color: var(--color-accent); }
.msg.err { color: var(--color-danger); }