/* LUCA School of Arts — brand tokens
   Host this file next to /font and /logo on the LUCA CDN.
   Colours: screen equivalents of the "LUCA in alle kleuren" charter.
   Fonts: LUCA typeface by Dries Wiewauters — licensed for LUCA internal use, web only as WOFF/EOT. */

@font-face {
  font-family: "LUCA";
  src: url("../font/LUCA_4_Regular.woff") format("woff");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "LUCA";
  src: url("../font/LUCA_7_Bold.woff") format("woff");
  font-weight: 700; font-style: normal; font-display: swap;
}
/* The Underline cuts have the underline drawn into the glyphs.
   Exposed as a separate family so they are only used on purpose. */
@font-face {
  font-family: "LUCA Underline";
  src: url("../font/LUCA_4_Regular_Underline.woff") format("woff");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "LUCA Underline";
  src: url("../font/LUCA_7_Bold_Underline.woff") format("woff");
  font-weight: 700; font-style: normal; font-display: swap;
}

:root {
  /* Charter colours */
  --luca-zwart:       #231F20;
  --luca-oranje:      #F15A29;
  --luca-roze:        #F391BC;
  --luca-bruin:       #742F1C;
  --luca-donkerblauw: #32409A;
  --luca-grijs:       #8C8F97;
  --luca-groen:       #28936E;
  --luca-geel:        #FFDE2F;
  --luca-lichtblauw:  #509FD7;
  --luca-wit:         #FFFFFF;

  /* Roles — set --luca-accent to ONE charter colour per page */
  --luca-ink:    var(--luca-zwart);
  --luca-paper:  var(--luca-wit);
  --luca-accent: var(--luca-oranje);

  /* Type */
  --luca-font: "LUCA", "Helvetica Neue", Arial, sans-serif;
  --luca-font-underline: "LUCA Underline", "LUCA", "Helvetica Neue", Arial, sans-serif;

  /* Type scale (1.25 ratio, 16px base) */
  --luca-size-xs:  0.8rem;
  --luca-size-s:   0.9rem;
  --luca-size-m:   1rem;
  --luca-size-l:   1.25rem;
  --luca-size-xl:  1.563rem;
  --luca-size-2xl: 1.953rem;
  --luca-size-3xl: 2.441rem;
  --luca-size-4xl: 3.815rem;
  --luca-size-5xl: 5.96rem;

  /* Logo bar thickness echo — use for rules/dividers */
  --luca-rule: 0.16em;
}

/* Minimal base — opt in by adding class="luca" to <html> or a wrapper */
.luca {
  font-family: var(--luca-font);
  font-weight: 400;
  color: var(--luca-ink);
  background: var(--luca-paper);
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}
.luca h1, .luca h2, .luca h3, .luca h4 {
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.01em;
  margin: 0 0 0.5em;
}
.luca a {
  font-family: var(--luca-font-underline);
  text-decoration: none;
  color: inherit;
}
.luca a:hover, .luca a:focus-visible { color: var(--luca-accent); }
.luca em, .luca .luca-u {
  font-family: var(--luca-font-underline);
  font-style: normal;
}
.luca .luca-logo { display: block; color: currentColor; }
.luca .luca-logo svg { display: block; width: 100%; height: auto; }