/* R */

/*
TODO
- use classes for headings
*/

body {
  font-size: var(--p-size);
  font-variation-settings: var(--p-settings);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 {
  text-wrap: balance;
  hyphens: auto;
  font-variation-settings: var(--bold-settings);
}
strong {
  font-variation-settings: var(--bold-settings);
}

table a {
  white-space: nowrap;
}

/* p */
.magazine main article h2, 
.magazine main article h3 {
  font-size: var(--p-size);
  /*font-variation-settings: var(--p-settings);*/
}

/* h1 */
.h1,
.template-event h1,
.template-genre h1,
.template-serie h1,
.template-service h1 {
  font-size: var(--h1-size);
  font-variation-settings: var(--h1-settings);
}
/* h2 */
.events > li .event-basics {
  container-type: inline-size;
}
.h2,
.events > li .event-basics h3 {
  font-size: var(--h2-size);
  font-variation-settings: var(--h2-settings);
}
/* h3 */
.h3,
.template-article h1, 
.template-genres h1,
.template-editorial h1,
.template-editorials h1,
.template-series h1 {
  font-size: var(--h3-size);
  font-variation-settings: var(--h3-settings);
}
/* h4 */
.flyer .card {
  container-type: inline-size;
}
.h4,
.flyer .card h3 {
  font-size: var(--h4-size);
  font-variation-settings: var(--h4-settings);
}
/* h5 */
.cta a {
  display: block;
  container-type: inline-size;
}
.h5,
.cta a * {
  font-size: var(--h5-size);
  font-variation-settings: var(--h5-settings);
}

/* Misc */
.heading {
  text-transform: uppercase;
  border-top: 1px solid var(--color-primary);
  border-bottom: 1px solid var(--color-primary);
  color: var(--color-primary);
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.strong {
  font-variation-settings: var(--bold-settings);
}











/*
:root {
  --font-size-heading: var(--step-2);
  --font-size-subheading: var(--step-1);
  --font-size-body: var(--step-0);
  --font-size-info: var(--step--1);
  --font-size-body: var(--step--2);
}
*/


/*
h1 {
  font-size: var(--step-5);
}
h2 {
  font-size: var(--step-4);
}
h3 {
  font-size: var(--step-3);
}
*/
/*
.note {
  container-type: inline-size;
}
*/

/*
.teaser > li h3, 
.events > li h3 {
  line-height: 1;
  margin-bottom: 0.25em;
}
*/
/* NOT SAFE
p:has(> br:first-child) {
  background: green;
}
p:has(> br:only-child) {
  background: silver;
}
*/