/*
 * Frame UI tokens — "kichij" (y2k) set
 * ------------------------------------
 * The source of truth for kichij.org colors, radius, shadow, spacing and font.
 * kichij.org's Astryx theme (site/src/themes/kichij) maps its --color-* /
 * --radius-* / --font-family-* tokens to these variables, so editing a value
 * here changes kichij.org too.
 *
 * Usage: put data-fui-theme="kichij" on <html> (or any element).
 * Light/dark uses CSS light-dark(); the mode follows color-scheme, which is
 * set from html[data-theme="light"|"dark"] (Frame UI and Astryx share it).
 */
:root{color-scheme:light dark}
html[data-theme=light]{color-scheme:light}
html[data-theme=dark]{color-scheme:dark}

[data-fui-theme=kichij]{
  /* color: light , dark */
  --accent:light-dark(#d4007a,#ff5ec4);      /* hot pink (main) */
  --accent-2:light-dark(#00a3c4,#5cf2ff);    /* cyber cyan (sub / gradients) */
  --accent-3:light-dark(#6fbf00,#c5ff3d);    /* lime (highlights) */
  --success:light-dark(#18864b,#5cf29a);
  --warning:light-dark(#9a5b00,#ffd45c);
  --danger:light-dark(#c8102e,#ff7a8a);
  --bg:light-dark(#d9dcff,#0b0c1a);          /* periwinkle / deep night */
  --surface:light-dark(#ffffff,#15172b);
  --surface-2:light-dark(#eef0ff,#1f2240);
  --fg:light-dark(#1b1530,#f0f1ff);
  --muted:light-dark(#544a6e,#a9aee0);
  --border:light-dark(#2b2140,#3a3f6e);
  --on-accent:light-dark(#ffffff,#15172b);
  /* shape */
  --r:16px;
  --shadow:0 2px 0 light-dark(#2b2140,#000),0 10px 30px light-dark(#d4007a26,#ff5ec433);
  /* spacing */
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:40px;--s7:64px;
  /* type */
  --font:Poppins,"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic UI",system-ui,sans-serif;
}