{
  "Background": {
    "Primary": {
      "$value": "{Dumbo.900}",
      "$type": "color",
      "Glass": {
        "$value": "{Opacity.White.0}",
        "$type": "color"
      },
      "Dark": {
        "$value": "{Dumbo.50}",
        "$type": "color"
      },
      "Light": {
        "$value": "{Dumbo.900}",
        "$type": "color"
      }
    },
    "Secondary": {
      "$value": "{Dumbo.850}",
      "$type": "color",
      "Glass": {
        "$value": "{Opacity.White.4}",
        "$type": "color"
      }
    },
    "Tertiary": {
      "$value": "{Dumbo.800}",
      "$type": "color",
      "Glass": {
        "$value": "{Opacity.White.10}",
        "$type": "color"
      }
    },
    "Glass": {
      "Thin": {
        "$value": "{Opacity.Black.4}",
        "$type": "color"
      },
      "Thick": {
        "$value": "{Opacity.Black.10}",
        "$type": "color"
      },
      "Dense": {
        "$value": "{Opacity.Black.20}",
        "$type": "color"
      }
    },
    "Fog": {
      "Thin": {
        "$value": "{Opacity.Gray.4}",
        "$type": "color"
      },
      "Thick": {
        "$value": "{Opacity.Gray.40}",
        "$type": "color"
      },
      "Dense": {
        "$value": "{Opacity.Gray.40}",
        "$type": "color"
      }
    },
    "Button": {
      "Primary": {
        "$value": "{Dumbo.50}",
        "$type": "color"
      },
      "Secondary": {
        "$value": "{Opacity.Black.4}",
        "$type": "color"
      },
      "Tertiary": {
        "$value": "{Opacity.White.0}",
        "$type": "color"
      },
      "Inactive": {
        "$value": "{Dumbo.800}",
        "$type": "color"
      }
    },
    "LightOverlay": {
      "$value": "{Opacity.White.90}",
      "$type": "color"
    },
    "DarkOverlay": {
      "$value": "{Opacity.Black.30}",
      "$type": "color"
    },
    "Smoke": {
      "Thin": {
        "$value": "{Opacity.White.30}",
        "$type": "color"
      },
      "Thick": {
        "$value": "{Opacity.White.50}",
        "$type": "color"
      },
      "Dense": {
        "$value": "{Opacity.White.75}",
        "$type": "color"
      }
    },
    "Gradient": {
      "Start": {
        "$value": "{Opacity.White.60}",
        "$type": "color"
      },
      "End": {
        "$value": "{Opacity.White.0}",
        "$type": "color"
      }
    }
  },
  "Foreground": {
    "Primary": {
      "$value": "{Dumbo.50}",
      "$type": "color",
      "Glass": {
        "$value": "{Opacity.White.90}",
        "$type": "color"
      },
      "OnDark": {
        "$value": "{Dumbo.900}",
        "$type": "color"
      },
      "OnLight": {
        "$value": "{Dumbo.50}",
        "$type": "color"
      }
    },
    "Secondary": {
      "$value": "{Dumbo.400}",
      "$type": "color",
      "Glass": {
        "$value": "{Opacity.White.75}",
        "$type": "color"
      },
      "OnDark": {
        "$value": "{Dumbo.700}",
        "$type": "color"
      },
      "OnLight": {
        "$value": "{Dumbo.400}",
        "$type": "color"
      }
    },
    "Tertiary": {
      "$value": "{Dumbo.500}",
      "$type": "color",
      "Glass": {
        "$value": "{Opacity.White.50}",
        "$type": "color"
      },
      "OnDark": {
        "$value": "{Dumbo.600}",
        "$type": "color"
      },
      "OnLight": {
        "$value": "{Dumbo.500}",
        "$type": "color"
      }
    },
    "Inactive": {
      "$value": "{Dumbo.600}",
      "$type": "color",
      "Glass": {
        "$value": "{Opacity.White.30}",
        "$type": "color"
      },
      "OnDark": {
        "$value": "{Dumbo.450}",
        "$type": "color"
      },
      "OnLight": {
        "$value": "{Dumbo.600}",
        "$type": "color"
      }
    },
    "OnError": {
      "$value": "{White}",
      "$type": "color"
    },
    "Button": {
      "Primary": {
        "$value": "{Dumbo.950}",
        "$type": "color"
      },
      "Secondary": {
        "$value": "{Dumbo.50}",
        "$type": "color"
      },
      "Tertiary": {
        "$value": "{Dumbo.50}",
        "$type": "color"
      },
      "Inactive": {
        "$value": "{Dumbo.600}",
        "$type": "color"
      }
    }
  },
  "Border": {
    "Primary": {
      "$value": "{Opacity.Black.10}",
      "$type": "color",
      "Glass": {
        "$value": "{Opacity.White.10}",
        "$type": "color"
      },
      "OnDark": {
        "$value": "{Opacity.White.10}",
        "$type": "color"
      },
      "OnLight": {
        "$value": "{Opacity.Black.10}",
        "$type": "color"
      }
    },
    "Secondary": {
      "$value": "{Opacity.Black.10}",
      "$type": "color",
      "Glass": {
        "$value": "{Opacity.White.15}",
        "$type": "color"
      }
    }
  },
  "Overlay": {
    "OnPrimary": {
      "$value": "{Opacity.Black.4}",
      "$type": "color"
    },
    "OnLight": {
      "$value": "{Opacity.Black.4}",
      "$type": "color"
    },
    "OnDark": {
      "$value": "{Opacity.White.4}",
      "$type": "color"
    }
  },
  "Accent": {
    "Brand": {
      "$value": "{Strawberry.500}",
      "$type": "color"
    },
    "Red": {
      "$value": "{Vermilion.400}",
      "$type": "color",
      "Contrast": {
        "$value": "{Black}",
        "$type": "color"
      },
      "OnPrimary": {
        "$value": "{Vermilion.500}",
        "$type": "color"
      }
    },
    "Pink": {
      "$value": "{Strawberry.600}",
      "$type": "color",
      "Contrast": {
        "$value": "{Black}",
        "$type": "color"
      },
      "OnPrimary": {
        "$value": "{Strawberry.500}",
        "$type": "color"
      }
    },
    "Blue": {
      "$value": "{Dodger Blue.600}",
      "$type": "color",
      "Contrast": {
        "$value": "{Black}",
        "$type": "color"
      },
      "OnPrimary": {
        "$value": "{Dodger Blue.500}",
        "$type": "color"
      }
    },
    "Orange": {
      "$value": "{Pumpkin.500}",
      "$type": "color",
      "Contrast": {
        "$value": "{Black}",
        "$type": "color"
      },
      "OnPrimary": {
        "$value": "{Pumpkin.400}",
        "$type": "color"
      }
    },
    "Green": {
      "$value": "{Slime.600}",
      "$type": "color",
      "Contrast": {
        "$value": "{Black}",
        "$type": "color"
      },
      "OnPrimary": {
        "$value": "{Slime.300}",
        "$type": "color"
      }
    },
    "Yellow": {
      "$value": "{Dandelion.700}",
      "$type": "color",
      "Contrast": {
        "$value": "{Black}",
        "$type": "color"
      },
      "OnPrimary": {
        "$value": "{Dandelion.300}",
        "$type": "color"
      }
    },
    "Purple": {
      "$value": "{Amethyst.600}",
      "$type": "color",
      "Contrast": {
        "$value": "{Black}",
        "$type": "color"
      },
      "OnPrimary": {
        "$value": "{Amethyst.500}",
        "$type": "color"
      }
    },
    "Success": {
      "$value": "{Grass.300}",
      "$type": "color",
      "Contrast": {
        "$value": "{Black}",
        "$type": "color"
      },
      "OnPrimary": {
        "$value": "{Grass.500}",
        "$type": "color"
      }
    },
    "Error": {
      "$value": "{Vermilion.400}",
      "$type": "color",
      "Contrast": {
        "$value": "{Black}",
        "$type": "color"
      },
      "OnPrimary": {
        "$value": "{Vermilion.500}",
        "$type": "color"
      }
    }
  }
}