/* Komponent: button — 70-dizajn.md § 7.6.1
   Base .btn / .btn-primary / .btn-ghost je v design-tokens.css.
   Tu sú varianty a kontexty. */

.btn-sm{ padding:8px 16px; font-size:12px; }
.btn-block{ display:block; width:100%; text-align:center; }
.btn[disabled],.btn:disabled{ opacity:.5; cursor:not-allowed; }

/* Tmavý kontext (footer, video-zóna, credit box) */
.on-dark .btn{ border-color:var(--crema); color:var(--crema-light); }
.on-dark .btn-primary{ background:var(--crema); color:var(--espresso); border-color:var(--crema); }
.on-dark .btn-primary:hover{ background:var(--crema-light); border-color:var(--crema-light); }
.on-dark .btn-ghost{ background:transparent; color:var(--crema-light); }
.on-dark .btn-ghost:hover{ background:var(--crema); color:var(--espresso); }