:root{
  /* KyroOne — "Origami Night" palette (JP vibe, modern learning) */
  --c-bg: #060A12;          /* deep ink */
  --c-surface: #0B1220;     /* elevated surface */
  --c-card: #0E182B;        /* cards */
  --c-ink: #EAF0FF;         /* primary text */
  --c-muted: rgba(234,240,255,.72);
  --c-faint: rgba(234,240,255,.52);

  --c-indigo: #6C7BFF;      /* primary */
  --c-sakura: #FF7AA2;      /* accent */
  --c-matcha: #4FE3B8;      /* support */
  --c-sky: #6FE7FF;         /* highlight */
  --c-sand: #F4E7C7;        /* warm note */
  --c-graphite: #1E2B45;    /* borders */

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

  --shadow-soft: 0 18px 55px rgba(0,0,0,.42);
  --shadow-card: 0 16px 46px rgba(0,0,0,.38);

  --grad-hero: radial-gradient(900px 480px at 20% 15%, rgba(108,123,255,.22), transparent 58%),
               radial-gradient(760px 420px at 72% 22%, rgba(255,122,162,.16), transparent 62%),
               radial-gradient(700px 420px at 55% 85%, rgba(79,227,184,.12), transparent 58%),
               linear-gradient(180deg, rgba(11,18,32,.55), rgba(6,10,18,1));

  --grad-line: linear-gradient(90deg, rgba(108,123,255,.0), rgba(108,123,255,.35), rgba(255,122,162,.28), rgba(79,227,184,.22), rgba(108,123,255,.0));
}