skeletor.yml

normalize: true
displays: true
flex: true

breakpoints:
  sm: 420px
  md: 768px
  lg: 1024px
  xl: 1280px

colors:
  # neutral scale
  black: '#000000'
  shark: '#252729'
  tundora: '#454647'
  abbey: '#575A5C'
  silver: '#BCBDBE'
  alabaster: '#f8f8f8'
  white: '#FFFFFF'
  # greenz
  spring-wood: '#FAFBF7'
  green-white: '#E8ECDF'
  panache: '#F0F9F5'
  eucalyptus: '#1C7C4E'
  # bluez
  big-stone: '#132136'
  midnight-blue: '#002B73'
  denim: '#1755BB'
  blue-ribbon: '#035AEB'
  mystic: '#DADDE9'

container:
  initial:
    min: 272px
    inset: 24px
    max: 1400px
  md:
    inset: 48px
    max: 1400px

dimensions:
  auto: auto
  none: none
  fill: 100%

font-families:
  mono:
    - Fira Code
    - monospace
  heading:
    - Lora
    - serif
  body:
    - Inter
    - -apple-system
    - system-ui
    - BlinkMacSystemFont
    - Segoe UI
    - Helvetica
    - Arial
    - sans-serif

font-weights:
  normal: 400
  bold: 700

line-heights:
  compact: 1.1
  default: 1.5
  spacious: 1.7

spacings:
  0: 0
  025x: 2px
  05x: 4px
  1x: 8px
  2x: 16px
  3x: 24px
  4x: 32px
  6x: 48px
  8x: 64px
  10x: 80px
  12x: 96px
  16x: 128px

z-indexes:
  under: -1
  over: 1
  nav: 100
  modal: 200
  orbit: 1000

rounded-corners:
  none: 0
  small: 4px
  normal: 8px
  large: 12px
  pill: 999px
  round: 50%