/* Design-Tokens des Verticals „Werbetechnik & Druck“ (Design 2.0 „Vektor & Werkstatt“).
   Für eine andere Branche diese Datei kopieren und Farben, Schriften und Formen anpassen. */
@font-face { font-family: "Geist"; src: url("fonts/geist-latin-wght.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("fonts/geist-mono-latin-wght.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }

:root {
  /* Flächen und Text */
  --bg: #f6f7f9;
  --surface: #ffffff;
  --surface-2: #eef1f5;
  --line: #e3e7ee;
  --ink: #0e1218;
  --text: #0e1218;
  --text-soft: #576072;       /* Kontrast auf Weiß 6,3:1 */

  /* Marke: Folienfarben (Vinyl). Cyan ist die Aktionsfarbe. */
  --brand: #0a6f9c;           /* Cyan, dunkel genug für Text auf Weiß (5,6:1) */
  --brand-bright: #12b3ee;    /* Cyan für Flächen und Grafik */
  --brand-tint: #e5f6fd;
  --magenta: #e5197e;
  --magenta-tint: #fde8f2;
  --foil-yellow: #ffcf1f;
  --yellow-tint: #fff6d1;
  --ok: #12805c;

  /* Schrift */
  --font: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --fs-0: 0.8125rem;
  --fs-1: clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);
  --fs-2: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
  --fs-3: clamp(1.75rem, 1.3rem + 1.8vw, 2.75rem);
  --fs-4: clamp(2.5rem, 1.5rem + 4.4vw, 4.75rem);

  /* Form: gerundet, weiche Schatten */
  --r-sm: 10px;
  --r: 16px;
  --r-lg: 24px;
  --shadow-1: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .06);
  --shadow-2: 0 2px 4px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .08);
  --shadow-3: 0 4px 8px rgba(16, 24, 40, .05), 0 20px 48px rgba(16, 24, 40, .14);
  --ring: 0 0 0 4px rgba(18, 179, 238, .28);

  /* Abstände */
  --sp-1: .25rem; --sp-2: .5rem; --sp-3: .75rem; --sp-4: 1rem; --sp-5: 1.5rem; --sp-6: 2rem; --sp-7: 3rem; --sp-8: 5rem; --sp-9: 7rem;
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --maxw: 78rem;

  /* Bewegung: dezent */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --t-fast: 160ms;
  --t: 280ms;
}