/*
* Kahmti theme overrides for Klink (links.kahmti.com)
* Loaded after reset.css / style.css / brands.css — matches the gold-on-near-black
* sacred-geometry branding of Kahmti.dc.html (kahmti.com).
*/

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');

:root {
  --kahmti-gold: #D4AF37;
  --kahmti-gold-soft: #F5D76E;
  --kahmti-black: #050505;
  --kahmti-black-2: #0A0A0A;
  --kahmti-cream: #F5F1E8;
}

html.theme-dark body,
html body {
  background-color: var(--kahmti-black);
  background-image:
    radial-gradient(circle at 50% 0%, rgba(212, 175, 55, 0.10) 0%, rgba(212, 175, 55, 0) 45%),
    repeating-radial-gradient(circle at 50% 18%, rgba(212, 175, 55, 0.05) 0, rgba(212, 175, 55, 0.05) 1px, transparent 1px, transparent 64px);
  color: var(--kahmti-cream);
  font-family: 'Inter', system-ui, sans-serif;
}

.container {
  max-width: 30rem;
}

.avatar {
  border: 2px solid var(--kahmti-gold);
  box-shadow: 0 0 0 6px rgba(212, 175, 55, 0.12), 0 0 40px rgba(212, 175, 55, 0.18);
}

h1 {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--kahmti-cream);
  text-transform: uppercase;
}

.alt-name {
  font-family: 'Inter', system-ui, sans-serif;
  font-style: italic;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0.02em;
  font-size: var(--scale-1, 1.25rem);
  color: var(--kahmti-cream);
  opacity: 0.65;
  margin-top: 0.25rem;
}

.container p {
  color: var(--kahmti-cream);
  opacity: 0.82;
  font-family: 'Inter', system-ui, sans-serif;
}

.tagline {
  display: block;
  font-family: 'Cinzel', serif;
  font-size: 1rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--kahmti-gold);
  margin-bottom: 1.25rem;
}

/* Generic/utility buttons (Ditto smart-link, Deezer, Tidal, iHeartRadio, Email)
   inherit .button-default — recolor to gold-on-black instead of LittleLink blue. */
html.theme-dark .button.button-default,
.button.button-default {
  --button-text: var(--kahmti-black);
  --button-background: var(--kahmti-gold);
  --button-border: 1px solid var(--kahmti-gold);
}

/* Primary "stream everywhere" call to action gets extra emphasis */
.button-kahmti-primary {
  --button-text: var(--kahmti-black) !important;
  --button-background: var(--kahmti-gold-soft) !important;
  --button-border: 1px solid var(--kahmti-gold-soft) !important;
  font-family: 'Cinzel', serif;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* Thin gold outline on every brand button so they read as one family */
.button {
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
}

:root.theme-dark a:not(.button),
a:not(.button) {
  color: var(--kahmti-gold);
}
:root.theme-dark a:not(.button):hover,
a:not(.button):hover {
  color: var(--kahmti-gold-soft);
}

footer {
  color: var(--kahmti-cream);
  opacity: 0.6;
  font-family: 'Inter', system-ui, sans-serif;
}
footer a {
  color: var(--kahmti-gold);
}