/* =============================================================
   Per-brand visual identity - palette, type, shape
   Selected via html[data-site-theme] from includes/theme.php
   ============================================================= */

html[data-site-theme] {
  --accent-rgb: 201, 150, 58;
  --radius-btn: 100px;
  --radius-card: 20px;
  --hero-img-opacity: 0.13;
  --hero-img-filter: grayscale(40%) brightness(0.7);
}

/* AcreTrust Ghana (default luxury dark gold) */
html[data-site-theme="nest"] {
  --accent-rgb: 201, 150, 58;
}

html[data-site-theme="nest"][data-theme="light"] {
  --shell-rgb: 246, 244, 239;
}

/* ── GoldenKey - royal purple + bright gold ────────────────── */
html[data-site-theme="key"] {
  --shell-rgb: 12, 8, 28;
  --obsidian: #0C081C;
  --obsidian-2: #15102A;
  --obsidian-3: #221A3D;
  --border: rgba(196, 181, 253, 0.12);
  --border-strong: rgba(196, 181, 253, 0.22);
  --muted: #A8A0C4;
  --stone: #C4B5FD;
  --cream: #F5F0FF;
  --gold: #FFD54F;
  --gold-light: #FFECB3;
  --gold-pale: rgba(255, 213, 79, 0.12);
  --accent-rgb: 255, 213, 79;
  --display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --sans: 'Nunito Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --radius-btn: 999px;
  --radius-card: 24px;
  --hero-img-opacity: 0.16;
  --hero-img-filter: grayscale(30%) brightness(0.55) hue-rotate(240deg);
}

html[data-site-theme="key"][data-theme="light"] {
  --shell-rgb: 248, 245, 255;
  --obsidian: #F8F5FF;
  --obsidian-2: #FFFFFF;
  --obsidian-3: #EDE7FE;
  --border: rgba(91, 33, 182, 0.1);
  --border-strong: rgba(91, 33, 182, 0.18);
  --muted: #6B7280;
  --stone: #4C1D95;
  --cream: #1E1033;
  --gold: #7C3AED;
  --gold-light: #8B5CF6;
  --gold-pale: rgba(124, 58, 237, 0.1);
  --accent-rgb: 124, 58, 237;
}

/* ── CediBrick - warm sandstone / industrial ───────────────── */
html[data-site-theme="brick"] {
  --shell-rgb: 245, 236, 224;
  --obsidian: #F3ECE2;
  --obsidian-2: #FAF6F0;
  --obsidian-3: #E8DDD0;
  --border: rgba(28, 20, 16, 0.1);
  --border-strong: rgba(28, 20, 16, 0.16);
  --muted: #78716C;
  --stone: #57534E;
  --cream: #1C1410;
  --gold: #C2410C;
  --gold-light: #EA580C;
  --gold-pale: rgba(194, 65, 12, 0.12);
  --accent-rgb: 194, 65, 12;
  --display: 'Oswald', 'Arial Narrow', sans-serif;
  --sans: 'Work Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --radius-btn: 4px;
  --radius-card: 8px;
  --hero-img-opacity: 0.2;
  --hero-img-filter: sepia(0.35) contrast(1.05) brightness(1.05);
}

html[data-site-theme="brick"][data-theme="dark"] {
  --shell-rgb: 38, 28, 22;
  --obsidian: #261C16;
  --obsidian-2: #32261E;
  --obsidian-3: #44352A;
  --border: rgba(250, 245, 239, 0.08);
  --border-strong: rgba(250, 245, 239, 0.14);
  --muted: #A8A29E;
  --stone: #D6D3D1;
  --cream: #FAF5EF;
  --gold: #FB923C;
  --gold-light: #FDBA74;
  --gold-pale: rgba(251, 146, 60, 0.12);
  --accent-rgb: 251, 146, 60;
}

/* ── Harbor Capital - coastal sky & navy ───────────────────── */
html[data-site-theme="anchor"] {
  --shell-rgb: 235, 248, 255;
  --obsidian: #EBF8FF;
  --obsidian-2: #F0F9FF;
  --obsidian-3: #BAE6FD;
  --border: rgba(12, 74, 110, 0.12);
  --border-strong: rgba(12, 74, 110, 0.2);
  --muted: #64748B;
  --stone: #0C4A6E;
  --cream: #0C4A6E;
  --gold: #0284C7;
  --gold-light: #0EA5E9;
  --gold-pale: rgba(2, 132, 199, 0.12);
  --accent-rgb: 2, 132, 199;
  --display: 'Libre Baskerville', Georgia, serif;
  --sans: 'Raleway', -apple-system, BlinkMacSystemFont, sans-serif;
  --radius-btn: 12px;
  --radius-card: 16px;
  --hero-img-opacity: 0.28;
  --hero-img-filter: grayscale(10%) brightness(1.15) saturate(1.25);
}

html[data-site-theme="anchor"][data-theme="dark"] {
  --shell-rgb: 8, 28, 44;
  --obsidian: #0A1C2E;
  --obsidian-2: #0F2740;
  --obsidian-3: #163552;
  --border: rgba(186, 230, 253, 0.1);
  --border-strong: rgba(186, 230, 253, 0.18);
  --muted: #94A3B8;
  --stone: #BAE6FD;
  --cream: #E0F2FE;
  --gold: #38BDF8;
  --gold-light: #7DD3FC;
  --gold-pale: rgba(56, 189, 248, 0.12);
  --accent-rgb: 56, 189, 248;
}

/* ── Meridian Capital - forest / emerald institutional ─────── */
html[data-site-theme="compass"] {
  --shell-rgb: 6, 18, 14;
  --obsidian: #061210;
  --obsidian-2: #0C1F18;
  --obsidian-3: #132B22;
  --border: rgba(167, 243, 208, 0.1);
  --border-strong: rgba(167, 243, 208, 0.18);
  --muted: #6B9080;
  --stone: #A7F3D0;
  --cream: #ECFDF5;
  --gold: #10B981;
  --gold-light: #34D399;
  --gold-pale: rgba(16, 185, 129, 0.12);
  --accent-rgb: 16, 185, 129;
  --display: 'Libre Caslon Text', Georgia, serif;
  --sans: 'Karla', -apple-system, BlinkMacSystemFont, sans-serif;
  --radius-btn: 8px;
  --radius-card: 12px;
  --hero-img-opacity: 0.14;
  --hero-img-filter: grayscale(25%) brightness(0.65) hue-rotate(80deg);
}

html[data-site-theme="compass"][data-theme="light"] {
  --shell-rgb: 236, 253, 245;
  --obsidian: #ECFDF5;
  --obsidian-2: #FFFFFF;
  --obsidian-3: #D1FAE5;
  --border: rgba(6, 78, 59, 0.1);
  --border-strong: rgba(6, 78, 59, 0.16);
  --muted: #64748B;
  --stone: #065F46;
  --cream: #064E3B;
  --gold: #059669;
  --gold-light: #10B981;
  --gold-pale: rgba(5, 150, 105, 0.1);
  --accent-rgb: 5, 150, 105;
}

/* ── Shared accent-driven components ───────────────────────── */
html[data-site-theme] .gb-btn-gold {
  border-radius: var(--radius-btn);
}

html[data-site-theme] .gb-btn-ghost {
  border-radius: var(--radius-btn);
}

html[data-site-theme] .gb-btn-gold:hover {
  box-shadow: 0 10px 36px rgba(var(--accent-rgb), 0.28);
}

html[data-site-theme] .gb-hero-bg img {
  opacity: var(--hero-img-opacity);
  filter: var(--hero-img-filter);
}

html[data-site-theme] .gb-hero-glow {
  background: radial-gradient(circle, rgba(var(--accent-rgb), 0.09) 0%, transparent 65%);
}

html[data-site-theme] .gb-hero-badge {
  border-color: rgba(var(--accent-rgb), 0.32);
  background: rgba(var(--accent-rgb), 0.08);
}

html[data-site-theme] .gb-hero-stats {
  border-radius: var(--radius-card);
}

html[data-site-theme] .gb-hero-card,
html[data-site-theme] .gb-card {
  border-radius: var(--radius-card);
}

html[data-site-theme] .gb-card-invest {
  border-color: rgba(var(--accent-rgb), 0.22);
}

html[data-site-theme] .gb-card-roi-pill {
  background: rgba(var(--accent-rgb), 0.15);
  color: var(--gold);
}

/* Tailwind accent remap (wallet, profile, forms) */
html[data-site-theme] .bg-blue-700,
html[data-site-theme] .hover\:bg-blue-600:hover {
  background-color: var(--gold) !important;
}

html[data-site-theme] .text-blue-700,
html[data-site-theme] .text-blue-600,
html[data-site-theme] .text-blue-400,
html[data-site-theme] .hover\:text-blue-700:hover,
html[data-site-theme] .hover\:text-blue-800:hover {
  color: var(--gold) !important;
}

html[data-site-theme] .bg-blue-50,
html[data-site-theme] .hover\:bg-blue-50:hover {
  background-color: var(--gold-pale) !important;
}

html[data-site-theme] .border-blue-100,
html[data-site-theme] .border-blue-200,
html[data-site-theme] .border-blue-300,
html[data-site-theme] .hover\:border-blue-200:hover,
html[data-site-theme] .hover\:border-blue-300:hover {
  border-color: rgba(var(--accent-rgb), 0.22) !important;
}

html[data-site-theme] .from-blue-700 {
  --tw-gradient-from: var(--gold) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--accent-rgb) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

html[data-site-theme] .to-blue-900 {
  --tw-gradient-to: color-mix(in srgb, var(--gold) 65%, #000) var(--tw-gradient-to-position);
}

/* ── Brand-specific personality ────────────────────────────── */
html[data-site-theme="key"] .gb-hero-h1 {
  font-weight: 700;
  letter-spacing: -0.03em;
}

html[data-site-theme="key"] .gb-logo-wordmark {
  letter-spacing: 0.02em;
}

html[data-site-theme="brick"] .gb-hero-h1,
html[data-site-theme="brick"] .gb-section-h2,
html[data-site-theme="brick"] .gb-hero-card-name {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

html[data-site-theme="brick"] .gb-eyebrow,
html[data-site-theme="brick"] .gb-hero-badge {
  font-family: var(--display);
  letter-spacing: 0.22em;
}

html[data-site-theme="brick"] .gb-btn-gold,
html[data-site-theme="brick"] .gb-btn-ghost {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 800;
  font-family: var(--sans);
}

html[data-site-theme="brick"] .gb-card {
  border-width: 2px;
}

html[data-site-theme="anchor"] .gb-hero-h1 em {
  font-style: normal;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: rgba(var(--accent-rgb), 0.35);
  text-underline-offset: 0.12em;
}

html[data-site-theme="anchor"] .gb-nav.scrolled,
html[data-site-theme="anchor"] .gb-nav.solid {
  box-shadow: 0 4px 24px rgba(2, 132, 199, 0.08);
}

html[data-site-theme="compass"] .gb-section-h2 {
  font-weight: 700;
}

html[data-site-theme="compass"] .gb-eyebrow {
  letter-spacing: 0.22em;
  color: var(--gold-light);
}

html[data-site-theme="compass"] .gb-card-type {
  border-radius: 4px;
  letter-spacing: 0.14em;
}

/* Auth pages (login / register split layout) */
html[data-site-theme="key"] body.font-sans {
  background: var(--obsidian);
  color: var(--cream);
}

html[data-site-theme="key"] body.font-sans .text-gray-900 { color: var(--cream) !important; }
html[data-site-theme="key"] body.font-sans .text-gray-500,
html[data-site-theme="key"] body.font-sans .text-gray-700 { color: var(--muted) !important; }

html[data-site-theme="brick"] body.font-sans {
  background: var(--obsidian);
}

html[data-site-theme="anchor"] body.font-sans {
  background: var(--obsidian);
}

html[data-site-theme="compass"] body.font-sans {
  background: var(--obsidian);
  color: var(--cream);
}

html[data-site-theme="compass"] body.font-sans .text-gray-900 { color: var(--cream) !important; }