/* assets/css/theme.css */
:root{
  /* XyroHub.club — NEW palette (calm + premium, non-financial) */
  --xh-ink:#0B1220;
  --xh-paper:#FFFFFF;
  --xh-sand:#FFF7ED;
  --xh-mist:#F3F6FF;
  --xh-lilac:#6D5EF7;
  --xh-mint:#2EC4B6;
  --xh-coral:#FF6B6B;
  --xh-gold:#F2C94C;

  --xh-bg: var(--xh-mist);
  --xh-text: var(--xh-ink);
  --xh-muted: rgba(11,18,32,.68);
  --xh-border: rgba(11,18,32,.10);

  --xh-radius-lg: 22px;
  --xh-radius-md: 16px;
  --xh-radius-sm: 12px;

  --xh-shadow: 0 18px 45px rgba(11,18,32,.10);
  --xh-shadow-soft: 0 10px 28px rgba(11,18,32,.08);

  --xh-grad-1: linear-gradient(135deg, rgba(109,94,247,.18), rgba(46,196,182,.12) 45%, rgba(242,201,76,.12));
  --xh-grad-2: linear-gradient(135deg, rgba(255,107,107,.14), rgba(109,94,247,.12) 50%, rgba(46,196,182,.10));
  --xh-grad-hero: radial-gradient(900px 400px at 15% 15%, rgba(109,94,247,.18), transparent 60%),
                  radial-gradient(800px 360px at 90% 20%, rgba(46,196,182,.14), transparent 62%),
                  radial-gradient(900px 420px at 65% 90%, rgba(242,201,76,.12), transparent 60%);

  --xh-link: #2E2BFF;
  --xh-link-hover: #1B18E6;
}

@media (prefers-color-scheme: dark){
  :root{
    --xh-paper:#0E1628;
    --xh-bg:#0B1220;
    --xh-text:#EAF0FF;
    --xh-muted: rgba(234,240,255,.68);
    --xh-border: rgba(234,240,255,.12);
    --xh-shadow: 0 18px 55px rgba(0,0,0,.40);
    --xh-shadow-soft: 0 10px 28px rgba(0,0,0,.32);
  }
}