@import url('./fonts.css');

/* Shared by the React player and standalone HTML visual assets. */
:root {
  --red: #5b0606;
  --navy: #1c253c;
  --deep: #101626;
  --card: #1a1a2e;
  --gold: #f6c785;
  --text: #e8e6e6;
  --muted: #b6becd;
  --line: #46516b;
  --success: #9addb6;
  --display: 'Cinzel', Georgia, serif;
  --body: 'Crimson Pro', Georgia, serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --surface-light: var(--text);
  --text-on-light: #363838;
  --shadow-color: rgb(0 0 0 / 25%);
  --motion-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --radius: 0.5rem;
  --motion-duration: 180ms;
  color-scheme: dark;
}