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

/* A visual skin for the separate V12 deck. The supplied React content is untouched. */
:root {
  --bg: #f3f1e9 !important;
  --surface: #e8ebdf !important;
  --surface-2: #dde4d7 !important;
  --surface-3: #d2ddca !important;
  --gold: #e4472e !important;
  --gold-soft: #f2b2a4 !important;
  --gold-dim: #e4472e1a !important;
  --text: #17201c !important;
  --text-dim: #515f54 !important;
  --text-faint: #677067 !important;
  --border: #17201c2b !important;
}
html, body, #root {background:#f3f1e9 !important;color:#17201c !important}
#root > div {background:#f3f1e9 !important;color:#17201c !important}
#root * {font-family:'DM Sans',Arial,sans-serif}
#root .serif {font-family:'Playfair Display',Georgia,serif !important;font-weight:500}
#root h1,#root h2,#root h3 {letter-spacing:-.045em}
#root > div > header {background:#f3f1e9 !important;color:#17201c !important;border-color:#17201c26 !important;box-shadow:0 1px 0 #17201c0d}
#root > div > header [class*="bg-[#0a0a0a]"] {background:#f3f1e9 !important}
#root > div > header [class*="text-white"] {color:#17201c !important}
#root > div > header button:hover {color:#e4472e}
#root > div > header [class*="bg-[var(--gold)]"] {background:#e4472e !important;color:#f3f1e9 !important}
#root > div > section {background:#f3f1e9 !important;color:#17201c !important;border-color:#17201c26 !important}
#root > div > section:nth-of-type(even) {background:#e8ebdf !important}
#root > div > section:first-of-type {
  --gold:#d9ed87 !important;
  --gold-soft:#e6f3b1 !important;
  --gold-dim:#d9ed8729 !important;
  --text:#f3f1e9 !important;
  --text-dim:#cbd5c4 !important;
  --text-faint:#9ead9e !important;
  background:#17201c !important;
  color:#f3f1e9 !important;
}
#root > div > section:first-of-type [class*="from-[#1a1a1a]"] {--tw-gradient-from:#19382f !important;--tw-gradient-to:#19382f00 !important}
#root > div > section:first-of-type [class*="to-[#0a0a0a]"] {--tw-gradient-to:#17201c !important}
#root > div > section:first-of-type [class*="to-[#0f0f0f]"] {--tw-gradient-to:#17201c !important}

[class*="bg-[#080808]"],[class*="bg-[#0a0a0a]"],[class*="bg-[#0e0e0e]"],[class*="bg-[#0f0f0f]"],[class*="bg-[#101010]"] {background-color:#f3f1e9 !important}
[class*="bg-[#111]"],[class*="bg-[#121212]"],[class*="bg-[#141414]"] {background-color:#e8ebdf !important}
[class*="bg-[#1a1a1a]"],[class*="bg-[#1e1e1e]"],[class*="bg-[#1f1f1f]"],[class*="bg-[#222]"] {background-color:#dce3d4 !important}
[class*="border-[#111]"],[class*="border-[#151515]"],[class*="border-[#1a1a1a]"],[class*="border-[#1f1f1f]"],[class*="border-[#222]"],[class*="border-[#2a2a2a]"],[class*="border-[#333]"] {border-color:#17201c26 !important}
#root > div > section:not(:first-of-type) [class*="text-white"] {color:#17201c !important}
#root > div > section:not(:first-of-type) [class*="text-[#e5e7eb]"] {color:#515f54 !important}
#root > div > section:first-of-type [class*="bg-[#"] {background-color:#20352d !important;color:#f3f1e9 !important;border-color:#f3f1e92b !important}
#root > div > section:first-of-type [class*="border-[#"] {border-color:#f3f1e92b !important}
#root > div > section:first-of-type [class*="text-white"] {color:#f3f1e9 !important}
#root > div > section:first-of-type [class*="bg-white"] {background:#d9ed87 !important;color:#17201c !important}
#root > div > section:first-of-type [class*="bg-[var(--gold)]"] {background:#d9ed87 !important;color:#17201c !important}
#root > div > section:not(:first-of-type) [class*="bg-[var(--gold)]"] {background:#e4472e !important;color:#f3f1e9 !important}
#root > div > section:not(:first-of-type) [class*="bg-[var(--gold)]"] [class*="text-black"] {color:#f3f1e9 !important}
#root > div > footer {background:#e4472e !important;color:#f3f1e9 !important;border-color:#f3f1e954 !important}
#root > div > footer [class*="bg-[#"] {background:#c83221 !important;color:#f3f1e9 !important;border-color:#f3f1e954 !important}
#root > div > footer [class*="text-white"] {color:#f3f1e9 !important}
#root > div > footer [class*="text-[var(--text-dim)]"],#root > div > footer [class*="text-[var(--text-faint)]"] {color:#f3f1e9c9 !important}
#root > div > footer [class*="bg-[var(--gold)]"] {background:#d9ed87 !important;color:#17201c !important}
svg [fill="#D4AF37"] {fill:#e4472e !important}
svg [fill="#F5E6A3"] {fill:#d9ed87 !important}
svg [fill="#9a7b2a"] {fill:#769f76 !important}
svg [fill="#3a3a3a"] {fill:#17201c !important}
svg [fill="#222"] {fill:#a6bba5 !important}
svg [fill="#555"] {fill:#d3dfcb !important}
.recharts-default-tooltip {background:#f3f1e9 !important;border:1px solid #17201c26 !important;color:#17201c !important}
::selection {background:#d9ed87;color:#17201c}
@media(max-width:700px){#root h1,#root h2{letter-spacing:-.035em}}