cssTokens.js

import { css } from './deps.js'

export const darkBackground = css`var(--dark-background, #1a1212)`
export const background = css`var(--background, #f4f4f4)`
export const iconColor = css`var(--icon-color, #B3B3B3)`
export const interactive1 = css`var(--interactive1, #6058d1)`
export const spacing3 = css`var(--spacing3, .5rem)`
export const spacing8 = css`var(--spacing8, 2.5rem)`
export const spacing9 = css`var(--spacing9, 3rem)`
export const text4 = css`var(--text4, #fff)`
export const bodyShortFontSize1 = css`var(--body-short-font-size-1, .875rem)`
export const bodyShortFontWeight1 = css`var(--body-short-font-weight-1, 400)`
export const bodyShortLineHeight1 = css`var(--body-short-line-height-1, 1.29)`
export const bodyShortLetterSpacing1 = css`var(--body-short-letter-spacinng-1, .16px)`
export const activePrimary = css`var(--active-primary, #37009c)`
export const disabled2 = css`var(--disabled2, #c6c6c6)`
export const disabled3 = css`var(--disabled3, #8d8d8d)`
export const focus = css`var(--focus, #6b0ffe)`
export const boxShadow = css`inset 0 0 0 1px ${focus},inset 0 0 0 2px ${background}`