/* DMA Capitals Design System V1 — cabinet brand layer (visual only) */
@import url('https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@300..800&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --font-display: 'Host Grotesk', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --gold: #ccab72;
  --gold-grad-from: #be873d;
  --gold-grad-to: #dfc394;
  --gold-hi: #e3ca9d;
  --gold-lo: #a9884f;
  --gold-soft: rgba(204, 171, 114, 0.12);
  --gold-line: rgba(204, 171, 114, 0.32);
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

:root, [data-theme='light'] {
  --bg: #ffffff;
  --bg-alt: #f7f5f1;
  --surface: #ffffff;
  --surface-2: #faf8f4;
  --text: #14130f;
  --text-2: #4c4740;
  --muted: #7b7469;
  --border: rgba(20, 19, 15, 0.11);
  --border-strong: rgba(20, 19, 15, 0.2);
  --on-gold: #14130f;
  --glow: rgba(204, 171, 114, 0.25);
  --positive: #2e9e6b;
  --negative: #c14d43;
}

[data-theme='dark'] {
  --bg: #0a0a0b;
  --bg-alt: #101012;
  --surface: #131316;
  --surface-2: #17171b;
  --text: #ffffff;
  --text-2: #c8c5be;
  --muted: #8f8b84;
  --border: rgba(255, 255, 255, 0.1);
  --border-strong: rgba(255, 255, 255, 0.2);
  --on-gold: #0a0a0b;
  --glow: rgba(204, 171, 114, 0.2);
  --positive: #35c26a;
  --negative: #e4675d;
}

html, body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
}

#initial-splash {
  background: linear-gradient(145deg, #0a0a0b 0%, #101012 45%, #131316 100%) !important;
}

#initial-splash .ring {
  border-color: rgba(204, 171, 114, 0.35) !important;
  border-top-color: #e3ca9d !important;
}

/* Soften leftover navy/blue accents from older CSS islands */
.dma-homenew-member {
  background: rgba(204, 171, 114, 0.12) !important;
  color: var(--gold-lo) !important;
}
.dma-homenew-quote {
  border-color: rgba(204, 171, 114, 0.18) !important;
  background: linear-gradient(135deg, rgba(204, 171, 114, 0.08), rgba(255, 255, 255, 0.85)) !important;
}
[data-theme='dark'] .dma-homenew-quote {
  background: linear-gradient(135deg, rgba(204, 171, 114, 0.12), rgba(19, 19, 22, 0.9)) !important;
}