/* melody.games shared design tokens.
   Linked by every app as the first stylesheet so per-app style.css can
   override on top. Names are unprefixed because that's what every app
   already uses; do not rename without migrating all consumers. */

:root {
  --paper:        #efe7d4;
  --paper-2:      #e3d8bf;
  --paper-card:   #fffaf0;

  --ink:          #2a3554;
  --ink-2:        #4d5072;
  --ink-3:        #8b8aa0;

  --blue:         #5a6c8d;
  --mauve:        #8378a3;
  --sage:         #6f8c5a;
  --butter:       #c9a64a;
  --coral:        #c47b5a;
  --brown:        #8a6849;
  --muted:        #7a7058;

  /* Brand typography:
     - Yeseva One stays reserved for the melody.games wordmark.
     - Nunito is the cross-app foundation for readable kid-facing UI.
     - Chinese text uses system fonts (PingFang SC on macOS/iOS,
       Microsoft YaHei on Windows) so no heavy CJK webfont is needed.
     - Ma Shan Zheng stays decorative and app-local unless a page truly needs a
       handwritten flourish. */
  --font-brand:   'Yeseva One', serif;
  --font-display: 'Nunito', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-body:    'Nunito', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-cn:      'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;
  --font-cn-body: 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-cn-display: 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-accent-hand: 'Ma Shan Zheng', cursive;
}