/* Plus Jakarta Sans — local */
@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/plus-jakarta-sans-latin-ext-400-normal.woff2') format('woff2'),
       url('../fonts/plus-jakarta-sans-latin-400-normal.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/plus-jakarta-sans-latin-ext-500-normal.woff2') format('woff2'),
       url('../fonts/plus-jakarta-sans-latin-500-normal.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/plus-jakarta-sans-latin-ext-600-normal.woff2') format('woff2'),
       url('../fonts/plus-jakarta-sans-latin-600-normal.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/plus-jakarta-sans-latin-ext-700-normal.woff2') format('woff2'),
       url('../fonts/plus-jakarta-sans-latin-700-normal.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/plus-jakarta-sans-latin-ext-800-normal.woff2') format('woff2'),
       url('../fonts/plus-jakarta-sans-latin-800-normal.woff2') format('woff2');
  font-weight: 800; font-style: normal; font-display: swap;
}

:root {
  /* Brand */
  --accent:            #0119FF;
  --accent-hover:      #0014cc;
  --accent-tint:       rgba(1, 25, 255, 0.08);
  --accent-klickkarte: #7C3AED;
  --accent-schichtplan:#5542FF;
  --accent-webseiten:  #D47F1D;

  /* Text */
  --ink:        #0D1117;
  --text-2:     #1F2937;
  --text-body:  #4B5563;
  --text-muted: #9CA3AF;

  /* Surfaces */
  --surface:  #F8F9FA;
  --card:     #FFFFFF;
  --border:   rgba(0, 0, 0, 0.07);

  /* Spacing (8px grid) */
  --s1:  4px;  --s2:  8px;  --s3: 12px;
  --s4: 16px;  --s5: 20px;  --s6: 24px;
  --s8: 32px;  --s10:40px;  --s12:48px;
  --s16:64px;  --s20:80px;  --s24:100px;

  /* Radius */
  --r-pill: 9999px;
  --r-card: 16px;
  --r-sm:    8px;

  /* Shadow */
  --shadow-card: 0 1px 3px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.06);
  --shadow-hover: 0 8px 32px rgba(0,0,0,.10);

  /* Easing curves */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);

  /* Transitions */
  --t-fast: 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  --t-base: 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}