:root{
  /* VexoHub palette (new): charcoal + ink-indigo + matcha + sakura + gold + rice */
  --vh-charcoal:#14161A;
  --vh-ink:#1B2340;
  --vh-rice:#F7F4EE;
  --vh-paper:#FFFFFF;

  --vh-indigo:#4656D6;
  --vh-matcha:#3FBF8A;
  --vh-sakura:#FF6F91;
  --vh-gold:#D6B35A;

  --vh-muted: rgba(20,22,26,.72);
  --vh-border: rgba(20,22,26,.12);

  --vh-radius: 22px;
  --vh-radius-lg: 28px;

  --vh-shadow: 0 18px 52px rgba(20,22,26,.14);
  --vh-shadow-soft: 0 10px 28px rgba(20,22,26,.10);

  --vh-focus: 0 0 0 .2rem rgba(70,86,214,.22);

  /* background wash */
  --vh-grad:
    radial-gradient(980px 620px at 12% 18%, rgba(70,86,214,.18) 0%, rgba(70,86,214,0) 62%),
    radial-gradient(880px 560px at 78% 12%, rgba(63,191,138,.14) 0%, rgba(63,191,138,0) 60%),
    radial-gradient(760px 520px at 62% 84%, rgba(255,111,145,.12) 0%, rgba(255,111,145,0) 62%),
    radial-gradient(760px 520px at 20% 84%, rgba(214,179,90,.10) 0%, rgba(214,179,90,0) 62%);
}