Design tokens

Machine-readable source files are available in /tokens.

CSS

:root {
  --got-void: #0D0917;
  --got-surface: #171326;
  --got-panel: #201B32;
  --got-elevated: #2A2440;

  --got-text-primary: #F5F3FA;
  --got-text-secondary: #C9C5D4;
  --got-text-muted: #9892AA;

  --got-magenta: #C93BCE;
  --got-violet: #8A48FF;
  --got-cyan: #21D4FF;
  --got-yellow: #FFD34E;
  --got-red: #FF5577;
  --got-green: #36D97A;

  --got-gradient-brand: linear-gradient(135deg, #C93BCE, #8A48FF 48%, #21D4FF);
}

Source of truth

Edit tokens/tokens.json, then propagate values into framework-specific outputs. Do not maintain independent values manually.