/* =========================================================================
   Design tokens — 一万个太阳 / Ten Thousand Suns
   Dark cosmic ground · single solar gold light · Han lacquer · student jewels
   ========================================================================= */
:root {
  /* — cosmic night (ground / void) — */
  --void: #0b0b0f;
  --void-2: #110f16;
  --lacquer: #1a1410;     /* 髹漆黑 Han lacquer */
  --violet: #3a1a6e;
  --violet-2: #5b2a9e;
  --cobalt: #1f2e8c;
  --cobalt-2: #1a4e8c;

  /* — solar gold (the sun /藻井 / light) — */
  --gold: #e8b349;
  --gold-deep: #d4a017;
  --gold-light: #f6d27a;
  --sun-yellow: #f2d21a;
  --ember: #ffb45a;

  /* — Han lacquer figures — */
  --cinnabar: #c8372d;    /* 朱红 */
  --cinnabar-deep: #9e1b14;
  --sunset: #e0231f;      /* 被举的红日 */
  --plaster: #f4ede0;     /* 白粉 / paper ground */
  --plaster-2: #e9e2d0;
  --stone: #8c8782;
  --stone-2: #c9b79c;

  /* — student jewels (used sparingly, as "light") — */
  --magenta: #e84a8a;
  --jade: #2e9b5b;
  --jade-2: #8fbf3f;
  --lake: #2e9bd6;
  --amethyst: #7b3fa0;

  /* signature solar gradient — sunrise: gold → cinnabar → cosmic violet */
  --solar-gradient: linear-gradient(115deg, #f6d27a 0%, #e8b349 26%, #c8372d 62%, #5b2a9e 100%);
  --solar-gradient-2: linear-gradient(180deg, #f6d27a 0%, #e8b349 40%, #b5472e 100%);

  /* fonts */
  --font-cn: "Noto Serif SC", "Songti SC", serif;
  --font-cn-brush: "Ma Shan Zheng", "Noto Serif SC", serif; /* calligraphic accent */
  --font-latin-display: "Cormorant Garamond", Georgia, serif;
  --font-latin-ui: "Inter", system-ui, sans-serif;
  --font-ui: "Inter", "Noto Sans SC", system-ui, sans-serif;

  /* spacing */
  --sp-2: 0.5rem; --sp-3: 0.75rem; --sp-4: 1rem; --sp-6: 1.5rem; --sp-8: 2rem; --sp-12: 3rem;
  --radius: 18px;
  --radius-pill: 999px;

  /* z-layers — cursor sits ABOVE every overlay so it shows inside dialogs */
  --z-gl: 0; --z-grad: 1; --z-ui: 20; --z-panel: 40; --z-legal: 45; --z-loader: 60; --z-cursor: 90;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-step: cubic-bezier(0.33, 0, 0.67, 1);
}

.z-ui { z-index: var(--z-ui); }
.z-cursor { z-index: var(--z-cursor); }
.z-information-panel { z-index: var(--z-panel); }
.z-legal-page { z-index: var(--z-legal); }
.z-loader { z-index: var(--z-loader); }

.small-caps { font-variant: all-small-caps; letter-spacing: 0.2em; }
.cn { font-family: var(--font-cn); }
.en { font-family: var(--font-latin-ui); }