:root {
  --viralis-green: #041f18;
  --viralis-green-soft: #0a3328;
  --viralis-gold: #d1a552;
  --viralis-cream: #f7eed8;
}

html {
  --color-bg-primary: #f7f4ec !important;
  --color-bg-secondary: #eee9de !important;
  --color-bg-card: #fffdf8 !important;
  --color-border: #d9cfbb !important;
  --color-text-primary: #102820 !important;
  --color-text-secondary: #345048 !important;
  --color-text-muted: #667b74 !important;
  --color-accent: #b88935 !important;
  --color-accent-hover: #966d28 !important;
  --color-accent-light: #f6eddc !important;
  --color-success: #167456 !important;
  --color-sidebar-bg: #041f18 !important;
  --color-sidebar-text: #f7eed8 !important;
  --color-sidebar-hover: #0a3328 !important;
}

html.dark {
  --color-bg-primary: #031712 !important;
  --color-bg-secondary: #06251d !important;
  --color-bg-card: #0a3026 !important;
  --color-border: #285145 !important;
  --color-text-primary: #fff8e7 !important;
  --color-text-secondary: #d5ddda !important;
  --color-text-muted: #98aaa4 !important;
  --color-accent: #d1a552 !important;
  --color-accent-hover: #e1bd72 !important;
  --color-accent-light: #302819 !important;
  --color-success: #47b78d !important;
  --color-sidebar-bg: #02110d !important;
  --color-sidebar-text: #f7eed8 !important;
  --color-sidebar-hover: #0a3328 !important;
}

.viralis-logo {
  width: min(190px, 78%);
  height: auto;
  display: block;
  margin: 0 auto;
}

header .viralis-logo {
  width: 118px;
  margin: 0;
}

::selection {
  background: rgba(209, 165, 82, .3);
  color: inherit;
}

@media (prefers-reduced-motion: no-preference) {
  main > * {
    animation: viralisReveal .55s ease both;
  }
  @keyframes viralisReveal {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
  }
}