/* Standalone marketing surface: all palette values live here. */
:root {
  color-scheme: dark;
  --font-japanese: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --font-latin: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --surface-base: #090a0c;
  --surface-raised: #121419;
  --surface-panel: #151515;
  --border-panel: #292929;
  --surface-hover: #1c2028;
  --text-primary: #f1f2f4;
  --text-secondary: #a4a7b0;
  --text-tertiary: #8b909d;
  --border-subtle: #23262d;
  --border-strong: #363d4a;
  --accent: #8ba9ed;
  --accent-subtle: #182136;
  --button-background: var(--text-primary);
  --button-text: #171a21;
}