@dariobrozzi/c64-design-system/dist/style-dictionary/tokens.css

A vintage Design System inspired on Commodore interface

/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --color-base-red-200: #cb7e75;
  --color-base-red-500: #9f4e44;
  --color-base-orange-200: #a1683c;
  --color-base-yellow-200: #c9d487;
  --color-base-green-200: #9ae29b;
  --color-base-green-500: #5cab5e;
  --color-base-cyan-200: #6abfc6;
  --color-base-blue-200: #867ade;
  --color-base-blue-500: #483aaa;
  --color-base-purple-200: #a057a3;
  --color-base-brown-200: #6d5412;
  --color-base-grey-200: #adadad;
  --color-base-grey-500: #898989;
  --color-base-grey-700: #626262;
  --color-base-white: #ffffff;
  --color-base-black: #000000;
  --background-primary: #483aaa;
  --background-secondary: #867ade;
  --text-primary: #867ade;
  --text-font-system: system-ui, sans-serif;
  --text-font-c64-pro-name: 'C64 Pro Local';
  --text-font-c64-pro-mono-name: 'C64 Pro Mono Local';
  --text-size-small: 0.875rem;
  --text-size-base: 1rem;
  --text-size-large: 1.25rem;
  --link-primary: #9ae29b;
  --link-primary-hover: #ffffff;
  --link-primary-visited: #adadad;
  --spacing-0: 0px;
  --spacing-1: 0.25rem;
  --spacing-2: calc(0.25rem * 2);
  --spacing-3: calc(0.25rem * 3);
  --spacing-4: calc(0.25rem * 4);
  --spacing-5: calc(0.25rem * 5);
  --spacing-6: calc(0.25rem * 6);
  --spacing-7: calc(0.25rem * 7);
  --spacing-8: calc(0.25rem * 8);
  --spacing-9: calc(0.25rem * 9);
  --spacing-10: calc(0.25rem * 10);
  --spacing-11: calc(0.25rem * 11);
  --spacing-12: calc(0.25rem * 12);
}