/* UIC — Revival Fire: Cape Town to Cairo
   Shared brand foundation */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;900&family=DM+Sans:wght@400;500;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&display=swap');

:root {
  /* Core palette */
  --ink:       #0A1640;  /* deep prophetic navy — heaven, depth */
  --ink-2:     #14224F;  /* one shade lighter for layering */
  --ink-soft:  #1E2E63;
  --gold:      #D4A017;  /* anointing gold */
  --gold-soft: #E8C268;
  --flame:     #E85D1A;  /* revival flame */
  --flame-hot: #F58E2E;
  --ember:     #7A1F0A;  /* deep ember red */
  --cream:     #FBF6EC;  /* parchment */
  --cream-2:   #F4ECDA;
  --white:     #FFFFFF;
  --hairline:  rgba(212,160,23,0.28);
  --hairline-strong: rgba(212,160,23,0.55);

  /* Type */
  --display: "Cinzel", "Trajan Pro", Georgia, serif;
  --body:    "DM Sans", system-ui, -apple-system, sans-serif;
  --quote:   "Cormorant Garamond", "Cormorant", Georgia, serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: var(--body); color: var(--ink); background: var(--cream); -webkit-font-smoothing: antialiased; }

/* Reusable atoms */
.eyebrow {
  font-family: var(--display);
  font-weight: 600;
  font-size: 0.78rem;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--gold);
}
.eyebrow-on-cream { color: var(--ember); }

.display {
  font-family: var(--display);
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 0.98;
  text-wrap: balance;
}

.scripture {
  font-family: var(--quote);
  font-style: italic;
  font-weight: 400;
  line-height: 1.35;
  text-wrap: pretty;
}

.rule-gold {
  height: 1px;
  background: linear-gradient(to right, transparent, var(--gold) 20%, var(--gold) 80%, transparent);
}

/* The flame gradient — campaign signature */
.flame-grad {
  background: linear-gradient(180deg, #2A0B05 0%, #7A1F0A 28%, #E85D1A 60%, #F8B040 86%, #FBE08A 100%);
}
.flame-text {
  background: linear-gradient(180deg, #F8B040 0%, #E85D1A 50%, #7A1F0A 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Africa wordmark device — used everywhere */
.cape-cairo {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  font-family: var(--display);
  font-weight: 600;
  letter-spacing: 0.25em;
  text-transform: uppercase;
}
.cape-cairo .dot {
  width: 0.45em; height: 0.45em; border-radius: 50%;
  background: var(--gold);
  box-shadow: 0 0 0 2px rgba(212,160,23,0.18);
}
.cape-cairo .line {
  width: 2.4em; height: 1px;
  background: linear-gradient(to right, var(--gold), var(--flame));
}