@import url("tokens.css");
@import url("base.css");
@import url("layout.css");
@import url("components.css");
@import url("watch-detail.css");
@import url("homepage.css");
@import url("cms-page.css");
@import url("wizard.css");
@import url("cert.css");
@import url("admin.css");
@import url("rtl.css");

/* === btn variants used by watch-detail === */
.btn--ghost-on-dark { color: var(--text-on-dark); border-color: var(--text-on-dark); background: transparent; }
.btn--ghost-on-dark:hover { background: var(--text-on-dark); color: var(--bg-navy); }
.btn--gold { background: var(--accent-gold); border-color: var(--accent-gold); color: var(--bg-navy); }
.btn--gold:hover { background: var(--accent-gold-soft); border-color: var(--accent-gold-soft); }