## Demo With Frontmatter

**flavor:** Frappé

This file also contains variables that have been defined in the frontmatter, as shown below:

### Frontmatter Variables

- **parent** is darcula
- **accent** is #ca9ee6

### Colours

- **red:**                #e78284 / rgb(231, 130, 132) / hsl(359, 68%, 71%)
- **components:**         r: 231 / 0.91, g: 130 / 0.51, b: 132 / 0.52
- **alpha:**              255 / 1.00
- **10% lighter:**        #f0aeb0 / rgb(240, 174, 176) / hsl(359, 68%, 81%)
- **10% darker:**         #df5759 / rgb(223, 87, 89) / hsl(359, 68%, 61%)

- **30% mix with base:**  #684b59 / rgb(104, 75, 89) / hsl(331, 16%, 35%)

- **50% opacity:**        #e7828480 / rgba(231, 130, 132, 0.50) / hsla(359, 68%, 71%, 0.50)

### Conditionals

this is a dark theme