:root{
  /* VexoMax (JP) palette — “Neo-Kintsugi Night” */
  --c-ink: #0B1020;
  --c-ink-2: #101A2E;
  --c-surface: #F7F4F0;
  --c-surface-2: #FFFDFB;
  --c-muted: #6B7280;

  --c-accent: #6D5EF8;   /* indigo glow */
  --c-sakura: #FF7FA7;   /* soft sakura */
  --c-mint: #2EE6B3;     /* mint highlight */
  --c-amber: #F6C455;    /* kintsugi gold */
  --c-glow: #7CF0FF;     /* cool glow */

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

  --shadow-soft: 0 18px 60px rgba(10, 14, 28, .16);
  --shadow-card: 0 14px 40px rgba(10, 14, 28, .14);
  --shadow-inset: inset 0 1px 0 rgba(255,255,255,.55);

  --grad-hero: radial-gradient(1200px 700px at 10% 10%, rgba(109,94,248,.35), transparent 55%),
               radial-gradient(900px 600px at 85% 20%, rgba(255,127,167,.26), transparent 60%),
               radial-gradient(1000px 700px at 60% 95%, rgba(124,240,255,.18), transparent 62%),
               linear-gradient(180deg, #0B1020 0%, #0A1024 55%, #0A0F1E 100%);

  --grad-card: linear-gradient(135deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.04) 40%, rgba(255,255,255,.08) 100%);
  --grad-gold: linear-gradient(90deg, rgba(246,196,85,0) 0%, rgba(246,196,85,.8) 18%, rgba(255,127,167,.6) 52%, rgba(109,94,248,.7) 82%, rgba(124,240,255,0) 100%);

  --pattern-grid: linear-gradient(to right, rgba(255,255,255,.06) 1px, transparent 1px),
                  linear-gradient(to bottom, rgba(255,255,255,.05) 1px, transparent 1px);
  --pattern-size: 34px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Base typography: system only */
html, body{
  height: 100%;
  overflow-x: hidden;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

::selection{
  background: rgba(255,127,167,.25);
}