{% if level == 1 %}<h1 class="coffee-display text-4xl md:text-5xl leading-tight text-primary flex-1 {{ textClass }}">{{ text }}</h1>
{% elif level == 3 %}<h3 class="coffee-display text-2xl text-primary flex-1 {{ textClass }}"><span class="coffee-doodle-underline">{{ text }}</span></h3>
{% elif level == 4 %}<h4 class="coffee-display text-xl text-primary flex-1 {{ textClass }}">{{ text }}</h4>
{% elif level == 5 %}<h5 class="coffee-display text-lg font-medium text-primary flex-1 {{ textClass }}">{{ text }}</h5>
{% elif level == 6 %}<h6 class="coffee-hand text-xl text-accent flex-1 {{ textClass }}">{{ text }}</h6>
{% else %}<h2 class="coffee-display text-3xl md:text-4xl text-primary flex-1 {{ textClass }}"><span class="coffee-doodle-underline">{{ text }}</span></h2>{% endif %}
