:root {
  /* Shared design tokens. Swap skin files to create future patterns. */
  --page: rgba(11, 16, 32, 1);
  --page-2: rgba(18, 27, 50, 1);
  --surface: rgba(18, 27, 50, 0.78);
  --surface-solid: rgba(18, 27, 50, 1);
  --ink: rgba(248, 251, 255, 1);
  --muted: rgba(183, 196, 217, 1);
  --line: rgba(255, 255, 255, 0.14);
  --primary: rgba(82, 227, 255, 1);
  --secondary: rgba(255, 78, 159, 1);
  --tertiary: rgba(185, 237, 79, 1);
  --accent-ink: rgba(7, 16, 24, 1);
  --radius-sm: 14px;
  --radius: 24px;
  --radius-lg: 40px;
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.3);
  --shadow-image: rgba(0, 0, 0, 0.24); /* image drop-shadow */
  --media-surface: rgba(6, 8, 14, 1);
  --media-pattern: rgba(255, 255, 255, 0.035);
  --font-body: 'Noto Sans JP', sans-serif;
  --font-heading: 'Zen Kaku Gothic New', sans-serif;
  --font-display: 'Montserrat', sans-serif;
  color-scheme: dark;
}