:root{
  /* ViroHub — JP Entrepreneur Legal vibe (Ink + Sakura + Copper + Mist) */
  --bg-0:#0B1020;        /* deep ink */
  --bg-1:#0F1730;        /* navy slate */
  --surface:#121C39;     /* card base */
  --surface-2:#0E152D;   /* alt panel */
  --text:#EAF0FF;        /* near-white */
  --muted:#AEBBDE;       /* muted text */
  --soft:#7E8DB6;        /* soft label */

  --accent:#FF4D8D;      /* sakura neon */
  --accent-2:#F6B76B;    /* warm copper */
  --accent-3:#2AE8C9;    /* mint edge */
  --line:rgba(255,255,255,.10);

  --shadow: 0 18px 46px rgba(0,0,0,.35);
  --shadow-soft: 0 10px 26px rgba(0,0,0,.22);

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

  --container-pad: 1rem;

  --grad-hero:
    radial-gradient(1200px 700px at 12% 18%, rgba(255,77,141,.22), transparent 55%),
    radial-gradient(900px 600px at 84% 26%, rgba(42,232,201,.18), transparent 52%),
    radial-gradient(900px 700px at 78% 92%, rgba(246,183,107,.14), transparent 55%),
    linear-gradient(180deg, #0B1020 0%, #0C1430 60%, #0B1020 100%);

  --grad-card:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));

  --focus: 0 0 0 .22rem rgba(255,77,141,.25);
}

@media (prefers-color-scheme: light){
  :root{
    --bg-0:#F7F9FF;
    --bg-1:#EEF2FF;
    --surface:#FFFFFF;
    --surface-2:#F3F5FF;
    --text:#0A0F1F;
    --muted:#4C5A82;
    --soft:#6A78A3;
    --line:rgba(10,15,31,.10);
    --shadow: 0 18px 46px rgba(16,24,40,.12);
    --shadow-soft: 0 10px 26px rgba(16,24,40,.10);
    --grad-hero:
      radial-gradient(1200px 700px at 12% 18%, rgba(255,77,141,.20), transparent 55%),
      radial-gradient(900px 600px at 84% 26%, rgba(42,232,201,.16), transparent 52%),
      radial-gradient(900px 700px at 78% 92%, rgba(246,183,107,.14), transparent 55%),
      linear-gradient(180deg, #F7F9FF 0%, #EEF2FF 60%, #F7F9FF 100%);
  }
}