/* ============================================================
   Apostolic Professor — Redesign polish layer
   Palette drawn from the A.P. logo: deep ink navy, radiant gold,
   parchment cream, warm bronze, silver. Loads after main + theme-gen.
   ============================================================ */
:root{
  --ap-ink-950:#070d1f; --ap-ink-900:#0a1226; --ap-ink-850:#0d1730; --ap-ink-800:#101c39;
  --ap-ink-700:#18264a; --ap-line:#2c3a63;
  --ap-gold-300:#f0cd6e; --ap-gold-400:#eab54c; --ap-gold-500:#d4af37; --ap-gold-600:#b8860b;
  --ap-parchment:#f3e5c3; --ap-ivory:#f7f2e2;
}
/* shadcn tokens — dark (the app's mode) */
.dark{
  --background:222 52% 8%; --foreground:45 42% 93%;
  --card:222 47% 12%; --card-foreground:45 42% 93%;
  --popover:222 47% 11%; --popover-foreground:45 42% 93%;
  --secondary:222 34% 17%; --secondary-foreground:45 42% 93%;
  --muted:222 34% 17%; --muted-foreground:46 20% 70%;
  --accent:222 34% 17%; --accent-foreground:45 42% 93%;
  --border:222 32% 23%; --input:222 32% 23%;
}
/* shadcn tokens — light surfaces (sign-in etc.) */
:root{
  --background:44 58% 95%; --foreground:222 47% 12%;
  --card:0 0% 100%; --card-foreground:222 47% 12%;
  --popover:0 0% 100%; --popover-foreground:222 47% 12%;
  --secondary:44 42% 90%; --secondary-foreground:222 47% 12%;
  --muted:44 42% 90%; --muted-foreground:222 16% 36%;
  --accent:44 42% 90%; --accent-foreground:222 47% 12%;
  --border:43 32% 80%; --input:43 32% 80%;
}
/* Page backdrop: deep navy with a soft golden radiance from above, like the logo */
html{background:var(--ap-ink-950)}
body{
  background:
    radial-gradient(1100px 520px at 50% -8%, rgba(212,175,55,.13), rgba(212,175,55,0) 62%),
    radial-gradient(900px 480px at 88% 4%, rgba(36,64,126,.22), rgba(36,64,126,0) 60%),
    linear-gradient(180deg,#0c1730 0%, #0a1226 46%, #070d1f 100%) !important;
  background-attachment:fixed !important;
  color:var(--ap-ivory);
}
/* Headings: Cinzel display serif with gentle presence */
h1,h2,h3{letter-spacing:.015em}
h1{text-shadow:0 2px 18px rgba(212,175,55,.12)}
/* Gold buttons: luminous gradient + depth (bg-gold-500 is the primary button class) */
.bg-gold-500{
  background-image:linear-gradient(180deg,#eec964 0%, #d9b13c 55%, #c79a27 100%);
  box-shadow:0 8px 20px -8px rgba(212,175,55,.55), inset 0 1px 0 rgba(255,255,255,.45), inset 0 -1px 0 rgba(90,62,4,.35);
}
.bg-gold-600{
  background-image:linear-gradient(180deg,#cfa32e 0%, #b8860b 60%, #9c7209 100%);
  box-shadow:0 8px 20px -8px rgba(184,134,11,.55), inset 0 1px 0 rgba(255,255,255,.35);
}
button.bg-gold-500, a.bg-gold-500, button.bg-gold-600, a.bg-gold-600{transition:transform .15s ease, box-shadow .2s ease, filter .2s ease}
button.bg-gold-500:hover, a.bg-gold-500:hover, button.bg-gold-600:hover, a.bg-gold-600:hover{filter:brightness(1.06)}
/* Softer, more professional corners */
.rounded-md{border-radius:.55rem}.rounded-lg{border-radius:.8rem}
.rounded-xl{border-radius:1.05rem}.rounded-2xl{border-radius:1.35rem}.rounded-3xl{border-radius:1.7rem}
/* Richer elevation */
.shadow-lg{box-shadow:0 18px 38px -14px rgba(2,6,18,.65), 0 4px 12px -6px rgba(2,6,18,.5)}
.shadow-xl{box-shadow:0 26px 50px -18px rgba(2,6,18,.7), 0 6px 16px -8px rgba(2,6,18,.55)}
.shadow-2xl{box-shadow:0 34px 64px -20px rgba(2,6,18,.75), 0 8px 20px -10px rgba(2,6,18,.6)}
/* Inputs: calm navy wells with golden focus */
input,select,textarea{border-radius:.55rem}
::placeholder{color:#8a8672;opacity:1}
:focus-visible{outline:2px solid var(--ap-gold-500);outline-offset:2px}
/* Selection + scrollbar in theme */
::selection{background:var(--ap-gold-500);color:#0a1226}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:#0a1226}
*::-webkit-scrollbar-thumb{background:#2c3a63;border-radius:8px;border:2px solid #0a1226}
*::-webkit-scrollbar-thumb:hover{background:var(--ap-gold-600)}
html{scrollbar-color:#2c3a63 #0a1226}
/* data-state checked (switches/checkboxes) — missed by generator */
.data-\[state\=checked\]\:bg-gold-500[data-state=checked]{background-color:rgb(212 175 55/var(--tw-bg-opacity,1));background-image:linear-gradient(180deg,#eec964,#c79a27)}
.data-\[state\=checked\]\:border-gold-400[data-state=checked]{border-color:rgb(234 181 76/var(--tw-border-opacity,1))}
/* Prose (rendered lesson/study content): warm readable body on navy */
.prose{color:#eae3cd}
.prose :is(p,li){line-height:1.75}
/* Bible/tutor floating panel polish (injected by index.html) */
#bible-panel{background:rgba(7,13,31,.94) !important}
#bible-content{background:linear-gradient(180deg,#101d3d,#0a1226) !important;border:1px solid rgba(212,175,55,.35);box-shadow:0 30px 60px -18px rgba(2,6,18,.85)}
#bible-fab{background:linear-gradient(180deg,#eec964,#c79a27) !important;box-shadow:0 10px 24px -6px rgba(212,175,55,.55), inset 0 1px 0 rgba(255,255,255,.5) !important;border:1px solid #8a5f0e !important}

/* ============================================================
   Fit & legibility pass — 2026-10-12 (Pastor's orders)
   1) Fellowship apply gender buttons must fit phone screens
   2) Gold buttons carry navy labels (white on gold was 2.1-3.3:1)
   3) Locked achievement badges: readable, still clearly "not yet"
   4) Voice page usage line brightened (bronze was 3.2:1 on navy)
   ============================================================ */
[data-testid="fellowship-apply"] button{white-space:normal}
[data-testid="fellowship-apply"] .flex.gap-4>button{min-width:0}
[data-testid="fellowship-apply"] .flex.gap-4>button svg{flex-shrink:0}
@media (max-width:560px){
  [data-testid="fellowship-apply"] .flex.gap-4{flex-wrap:wrap}
  [data-testid="fellowship-apply"] .flex.gap-4>button{flex:1 1 100%}
}
button.bg-gold-500,button.bg-gold-600,button.bg-amber-500,button.bg-amber-600,
a.bg-gold-500,a.bg-gold-600,a.bg-amber-500,a.bg-amber-600,
button.from-gold-500,button.from-gold-600,button.from-amber-500,button.from-amber-600,
a.from-gold-500,a.from-gold-600,a.from-amber-500,a.from-amber-600{color:#0a1226}
button.bg-gold-500 svg.text-white,button.bg-gold-600 svg.text-white,
button.bg-amber-500 svg.text-white,button.bg-amber-600 svg.text-white{color:#0a1226}
button .bg-white\/20.text-white{color:#0a1226}
[data-testid^="badge-"].opacity-50{opacity:1;border-color:rgba(212,175,55,.42)}
[data-testid^="badge-"].opacity-50 .text-white\/50{color:#f3e5c3}
[data-testid^="badge-"].opacity-50 p.text-white\/40{color:#cfc7ab}
[data-testid^="badge-"].opacity-50 svg.text-white\/40{color:#eab54c}
[data-testid^="badge-"].opacity-50 .bg-stone-800.rounded-full{background-color:#18264a;box-shadow:inset 0 0 0 2px rgba(212,175,55,.5)}
body .apv-usage{color:#d8b25c}
/* Study Tools active version tab paints gold via inline style (white text was 3.25:1) */
[style*="background-color: rgb(184, 134, 11)"]{color:#0a1226 !important}