# Guidelines
#   - All unit based settings should be defined as unitless numbers.
#     Assume "px" for web, "sp" or "dp" for Android, and "pt" for iOS.

# RESPONSIVE
responsive:
  # A list of 5 breakpoint units to target for device sizes.
  breakpoints:
    xs: 640
    sm: 960
    md: 1280
    lg: 1600
    xl: 1920

  # Scaling factor to modify the text and line height for each breakpoint.
  textScale: minor-second
  lineHeightScale: minor-second

# SPACING
spacing:
  # The type of algorithm to use when calculating spacing and measurement tokens.
  # Accepts "vertical-rhythm" or "unit".
  type: vertical-rhythm

  # The base unit size when type is "unit".
  unit: 8

  # Multipliers for each spacing size.
  multipliers:
    xxs: 0.125
    xs: 0.25
    sm: 0.5
    df: 1 # Default
    md: 1.5
    lg: 2
    xl: 3
    xxl: 4

# TYPOGRAPHY
typography:
  # Font family for all body text and headings. Defaults to the platform "system" font.
  # Can customize text, heading, monospace, and locale fonts individually by using a map.
  font: system

  # Default text sizes and line heights, with "small" and "large" sizes being automatically
  # calculated using modular scale. The default text size is used as the "root font size".
  # Can customize default, small, and large sizes individually by using a map.
  text:
    small:
      size: 12.45
      lineHeight: 1.25
    default:
      size: 14
      lineHeight: 1.25
    large:
      size: 15.75
      lineHeight: 1.25

  # Level 6 heading size, line height, and letter spacing. Levels 5-1 are automatically
  # calculated by incrementing upwards using module scale.
  # Can customize each level individually by using a map.
  heading:
    level1:
      size: 48.8
      lineHeight: 2.7
      letterSpacing: 1.05
    level2:
      size: 39
      lineHeight: 2.4
      letterSpacing: 0.79
    level3:
      size: 31.25
      lineHeight: 2.14
      letterSpacing: 0.59
    level4:
      size: 25
      lineHeight: 1.9
      letterSpacing: 0.44
    level5:
      size: 20
      lineHeight: 1.69
      letterSpacing: 0.33
    level6:
      size: 16
      lineHeight: 1.5
      letterSpacing: 0.25

# BORDERS
# Scales from the inside (default) out (small, large). Configure for default.
# Can customize small, default, and large sizes individually by using a map.
borders:
  small:
    radius: 2
    width: 0
  default:
    radius: 4
    width: 1
  large:
    radius: 6
    width: 2

# SHADOWS
# Scales from extra small to extra large. Configure for extra small.
# Can customize all sizes individually by using a map.
shadows:
  xsmall:
    x: 0
    y: 2
    blur: 2
    spread: 0
  small:
    x: 0
    y: 3.24
    blur: 3.75
    spread: 0
  medium:
    x: 0
    y: 5.24
    blur: 5.5
    spread: 0
  large:
    x: 0
    y: 8.47
    blur: 7.25
    spread: 0
  xlarge:
    x: 0
    y: 13.71
    blur: 9
    spread: 0

# COLORS
# List of color names that each theme must implement.
colors:
  - black
  - white