:root{
  /* KyroHub palette (JP editorial night + sakura accents) */
  --bg: #0b1220;
  --surface: #0f1a2e;
  --surface-2: #0c172a;
  --card: #121f38;

  --text: #eef2ff;
  --muted: rgba(238,242,255,.72);
  --muted-2: rgba(238,242,255,.56);

  --stroke: rgba(255,255,255,.10);
  --stroke-2: rgba(255,255,255,.16);

  --primary: #ff6ea8;     /* sakura */
  --primary-2: #ff9fc4;
  --accent: #5fe1b5;      /* matcha */
  --accent-2: #5fb8ff;    /* sky */
  --warm: #f6d365;        /* paper gold */

  --shadow: 0 18px 60px rgba(0,0,0,.42);
  --shadow-soft: 0 10px 35px rgba(0,0,0,.30);

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

  --grad-hero: radial-gradient(900px 420px at 12% 12%, rgba(255,110,168,.22), transparent 60%),
               radial-gradient(760px 520px at 92% 10%, rgba(95,225,181,.18), transparent 55%),
               radial-gradient(720px 520px at 70% 90%, rgba(95,184,255,.16), transparent 58%);
}