/* ArtistLog brand — plain CSS (not Tailwind accent). App default dark primary. */
:root {
  --brand: #00A896;
  --brand-rgb: 0, 168, 150;
}

.bg-brand { background-color: var(--brand) !important; }
.text-brand { color: var(--brand) !important; }
.border-brand { border-color: var(--brand) !important; }

.text-brand-80 { color: rgba(var(--brand-rgb), 0.8) !important; }

.bg-brand-05 { background-color: rgba(var(--brand-rgb), 0.05) !important; }
.bg-brand-06 { background-color: rgba(var(--brand-rgb), 0.06) !important; }
.bg-brand-25 { background-color: rgba(var(--brand-rgb), 0.25) !important; }
.bg-brand-30 { background-color: rgba(var(--brand-rgb), 0.3) !important; }
.bg-brand-35 { background-color: rgba(var(--brand-rgb), 0.35) !important; }
.bg-brand-40 { background-color: rgba(var(--brand-rgb), 0.4) !important; }
.bg-brand-50 { background-color: rgba(var(--brand-rgb), 0.5) !important; }
.bg-brand-55 { background-color: rgba(var(--brand-rgb), 0.55) !important; }
.bg-brand-60 { background-color: rgba(var(--brand-rgb), 0.6) !important; }
.bg-brand-70 { background-color: rgba(var(--brand-rgb), 0.7) !important; }

.border-brand-20 { border-color: rgba(var(--brand-rgb), 0.2) !important; }
.border-brand-25 { border-color: rgba(var(--brand-rgb), 0.25) !important; }

.prose-doc a { color: var(--brand); }

::selection { background: rgba(var(--brand-rgb), 0.3); }
.glow { background: radial-gradient(closest-side, rgba(var(--brand-rgb), 0.16), transparent 70%); filter: blur(20px); }