/* 316Domains Theme CSS */
:root{
  --page-bg: #F0EDEF;
  --brand: #192273;
  --brand-hover: #0f1542;
  --accent: #eab308;
  --accent-hover: #facc15;
  --card-bg: rgba(255,255,255,0.90);
  --card-bg-soft: rgba(255,255,255,0.80);
  --border: rgba(25,34,115,0.20);
  --text: #111827;
}
body{ background: var(--page-bg); }
.page-shell{ max-width: 48rem; margin: 0 auto; background: var(--card-bg); border-radius: 0.75rem; padding: 1.25rem; border: 1px solid rgba(0,0,0,0.10); }
.card{ background: var(--card-bg-soft); border: 1px solid var(--border); border-radius: 0.75rem; padding: 1.25rem; }
.text-brand{ color: var(--brand); }
.link-brand{ color: var(--brand); }
.link-brand:hover{ color: var(--brand-hover); }
.btn-brand{ background: var(--brand); color:#fff; padding:0.75rem 1.25rem; border-radius:0.5rem; font-weight:600; display:inline-flex; justify-content:center; align-items:center; width:100%; }
.badge-accent{ background: rgba(234,179,8,0.18); color:#92400e; padding:0.25rem 0.75rem; border-radius:9999px; font-weight:700; display:inline-flex; }