/* =====================================================================================
   Vorlage 34 Eissalon · Farben, Schrift, Ecken, Abstände
   Brücke zur Web-App: --bg --surface --text --muted --accent --on-accent --border --radius --schrift
   heißen wie in 00_Projektstart/starter-webapp/styles.css.
   Bild: eine Eistheke von vorn. Jeder Abschnitt ist ein Glasfach in der Farbe einer Eissorte.
   ===================================================================================== */
@font-face {
  font-family: "DM Sans";
  src: url("../fonts/dm-sans-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}

:root {
  --schrift: "DM Sans", "Segoe UI", system-ui, sans-serif;

  /* Die Sorten: je eine helle Fläche, ein dunkler Gegenton für Knöpfe und Linien */
  --erdbeere: #ffc3d3;        /* Erdbeerrosa: erster Bildschirm */
  --erdbeere-tief: #d1255b;   /* Weiß darauf 5,1 : 1 */
  --minze: #a6efd6;           /* Minze: Torten */
  --minze-tief: #0d7a61;      /* Weiß darauf 5,4 : 1 */
  --vanille: #fff0b8;         /* Vanille: Sortenkarte */
  --zitrone: #ffe14a;         /* Zitronengelb: Zahlen und Stimmen */
  --schoko: #3f2418;          /* Schoko: Zeiten und Anfahrt */
  --karamell: #ffb84d;        /* Akzent auf Schoko */
  --blaubeer: #2b2977;        /* Blaubeer: die Eismaschine */
  --blaubeer-tief: #1b1950;   /* Fuß */
  --blaubeer-hell: #cfccff;

  --stahl-hell: #eef2f6;
  --stahl: #b9c3cd;
  --stahl-dunkel: #6f7c89;

  --bg: #ffc3d3;
  --surface: #ffffff;
  --text: #3a0f24;            /* auf Erdbeerrosa 9,4 : 1 */
  --muted: #62233e;
  --accent: #d1255b;
  --on-accent: #ffffff;
  --border: rgba(58, 15, 36, .25);
  --error: #b42318;

  --radius: 22px;
  --radius-klein: 12px;
  --radius-rund: 999px;

  --breite: 1180px;
  --leiste: 64px;             /* die feste Leiste mit den Preisschild-Zungen unten */
  --kopf: 60px;
}