---
name: Dramatic
colors:
  primary: "#8B5CF6"
  secondary: "#F43F5E"
  success: "#16A34A"
  warning: "#D97706"
  danger: "#DC2626"
  surface: "#09090B"
  text: "#FAFAFA"
  neutral: "#09090B"
typography:
  h1:
    fontFamily: "Outfit"
    fontSize: 2rem
  body-md:
    fontFamily: "Outfit"
    fontSize: 1rem
  label-caps:
    fontFamily: "JetBrains Mono"
    fontSize: 0.75rem
  sourceScale: "12/14/16/20/24/32"
  weights: "400, 900"
rounded:
  sm: 4px
  md: 8px
spacing:
  sm: 4px
  md: 8px
  sourceScale: "4/8/12/16/24/32"
---

## Overview

High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.

## Style Foundations

- **Visual style:** modern, clean, high-contrast
- **Typography scale:** 12/14/16/20/24/32
- **Typography fonts:** primary=Outfit, display=Outfit, mono=JetBrains Mono
- **Typography weights:** 400, 900
- **Color palette:** primary, neutral, success, warning, danger
- **Spacing scale:** 4/8/12/16/24/32

## Colors

- **Primary (#8B5CF6):** Token from style foundations.
- **Secondary (#F43F5E):** Token from style foundations.
- **Success (#16A34A):** Token from style foundations.
- **Warning (#D97706):** Token from style foundations.
- **Danger (#DC2626):** Token from style foundations.
- **Surface (#09090B):** Token from style foundations.
- **Text (#FAFAFA):** Token from style foundations.
- **Neutral (#09090B):** Derived from the surface token for official format compatibility.
