/* diegonmtz System v1.2.0. Generated from system/tokens.json by scripts/build-tokens.js. */
/* Breakpoints (max-width, not usable as custom properties):
   sm: 640px
   md: 780px
   lg: 900px
   xl: 1060px
*/
:root {
  --black: #000000;
  --white: #ffffff;
  --gray: #f4f4f4;
  --pink: #ff0088;
  --orange: #fa8334;
  --gold: #bf9b4e;
  --blue: #0078bf;
  --yellow: #ffd23f;
  --violet: #765ba7;
  --graphite: #2f2f2f;
  --font-strike: "Cinzel Decorative", serif;
  --font-voice: "Newsreader", serif;
  --font-read: "Cormorant Garamond", serif;
  --font-system: "Space Mono", monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --line-hair: 1px;
  --line-rule: 1px;
  --motion-ui: 160ms;
  --motion-ui-fast: 80ms;
  --motion-reveal: 500ms;
  --motion-reveal-steps: 6;
  --primary: var(--black);
  --bg: var(--white);
  --surface: var(--gray);
  --text: var(--black);
  --muted: var(--graphite);
  --accent: var(--pink);
  --cta: var(--orange);
  --line: var(--black);
  --container: 1120px;
}