/* ==========================================================================
   Thema: Salon Nackenlinie (Vorführung, erfundener Salon)
   Gewählt über vars.THEMA = "nackenlinie" in wrangler.jsonc; der Worker hängt
   diese Datei hinter styles.css. Enthält nur, was „Design pro Kunde“ in
   styles.css erlaubt: Tokens und Schriften. Dieselben Werte wie auf der Website
   (Nackenlinie/salon-nackenlinie/assets/styles.css), damit der eingebettete
   Teil nicht als fremdes Formular auffällt.
   ========================================================================== */

@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../fonts/BricolageGrotesque-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../fonts/BricolageGrotesque-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/HankenGrotesk-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/HankenGrotesk-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --paper:     #EDF0EF;   /* Fliesenweiß — gleich der Fläche der Website */
  --card:      #F7F8F8;
  --ink:       #141A2B;   /* Nachtblau */
  --ink-2:     #4A5263;
  --accent:    #2946C4;   /* Kobalt */
  --accent-2:  #1F369C;
  --accent-on: #F7F8F8;
  --wash:      #DFE5F7;
  --muted:     #5E6675;

  --line:      #C9D0CF;
  --line-soft: rgba(20, 26, 43, 0.10);

  --f-sans:  "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
  --f-serif: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
  /* Die Website hat keine Mono-Schrift — Zeit- und Tagesknöpfe in der Textschrift */
  --f-mono:  "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;

  /* Gerade Kanten wie auf der Website — rund ist dort nur der Spiegel. */
  --r:   2px;
  --r-s: 2px;
}