text: export const Colors = {
    primary: "#b76e79",
    primary_lighter: "#d8a2aa",
    primary_extreme_light: "#e0b8be",
    secondary: "#FAE959",
    font_color: "#333333",
    font_color_inverted: "#ffffff",
    font_color_highlighted: "#129479",
    surface_color: "#ffffff",
    background_color: "#D4e6f1",
    background_color_darker: "#f1f1f1"
  }
  
  export const Spacing = {
    default: 15,
    skinny: 10
  }
  
  export const FontSize = {
    h1: 28,
    h2: 24,
    h3: 20,
    h4: 18,
    p: 16,
    sm: 12,
  }
  
  export const Surfaces = {
    borderRadius: 6,
    borderColor: "#f3f3f3",
    backgroundColor: "#fff",
    elevation: 3,
    borderWidth: 0.5,
    shadowOpacity: 0.1
  }