/* Design-Tokens: DÜRR CNC-Technik */

:root {
  /* Farbe */
  --blue-500: #1e6bff;
  --blue-600: #1553d1;
  --blue-300: #7faeff;
  --blue-900: #0a1f4a;
  --graphite: #0e1116;
  --steel: #1b212b;
  --steel-2: #262e3a;
  --metal: #8a94a3;
  --metal-dunkel: #566071;
  --paper: #f3f5f7;
  --paper-2: #e7ebf0;
  --tinte: #141922;
  --hell: #eef1f5;

  @supports (color: oklch(0 0 0)) {
    --blue-500: oklch(0.57 0.22 261);
    --blue-600: oklch(0.47 0.19 262);
    --blue-300: oklch(0.76 0.12 261);
  }

  /* Linien */
  --linie-hell: rgb(20 25 34 / 0.16);
  --linie-dunkel: rgb(238 241 245 / 0.16);

  /* Schrift */
  --f-display: "Archivo", "Arial Narrow", Arial, sans-serif;
  --f-text: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  --f-mono: "IBM Plex Mono", Consolas, monospace;

  --t-mono: 0.8125rem;
  --t-klein: 0.9375rem;
  --t-text: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --t-lead: clamp(1.125rem, 1.05rem + 0.4vw, 1.375rem);
  --t-h3: clamp(1.375rem, 1.2rem + 0.8vw, 1.875rem);
  --t-h2: clamp(2rem, 1.45rem + 2.6vw, 3.75rem);
  --t-h1: clamp(2.75rem, 1.5rem + 5.6vw, 6rem);

  /* Raum */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4.5rem;
  --s-9: clamp(4.5rem, 3rem + 7vw, 9rem);
  --rand: clamp(1rem, 0.2rem + 3.4vw, 3.5rem);
  --breite: 96rem;

  /* Form */
  --r-1: 2px;
  --r-2: 4px;
  --r-3: 8px;

  /* Bewegung */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --schnell: 180ms;
  --mittel: 420ms;

  /* Ebenen */
  --z-kopf: 20;
  --z-menue: 30;
  --z-skip: 40;

  --kopf-hoehe: 72px;
}