:root{
  /* ZyraMax palette — JP calm + crisp “paperwork clarity” vibe */
  --bg0:#0A1222;         /* ink navy */
  --bg1:#0E1830;         /* deep slate */
  --panel:#0F1C35;       /* card base */
  --panel2:#0C162C;      /* deeper panel */
  --text:#EAF0FF;        /* near-white */
  --muted:#AAB6D6;       /* muted text */
  --soft:#7F8BB0;        /* soft label */
  --line:rgba(234,240,255,.12);

  --accent:#FF6E97;      /* sakura highlight */
  --accent2:#2FE6C2;     /* mint */
  --accent3:#F2C879;     /* warm paper gold */
  --accent4:#7A86FF;     /* iris */
  --shadow: 0 18px 40px rgba(0,0,0,.35);

  --radius-xl: 22px;
  --radius-lg: 18px;
  --radius-md: 14px;
  --radius-sm: 12px;

  --focus: 0 0 0 .25rem rgba(255,110,151,.25);
}

html,body{ background: radial-gradient(1200px 700px at 10% 0%, rgba(122,134,255,.22), transparent 55%),
                         radial-gradient(900px 600px at 90% 10%, rgba(47,230,194,.16), transparent 60%),
                         radial-gradient(900px 700px at 50% 100%, rgba(242,200,121,.10), transparent 60%),
                         var(--bg0);
           color: var(--text); }

a{ color: var(--text); }
a:hover{ color: var(--text); opacity: .92; }