@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/PlusJakartaSans-Regular.woff2") format("woff2");
  font-weight: 400; font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/PlusJakartaSans-SemiBold.woff2") format("woff2");
  font-weight: 600; font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/PlusJakartaSans-Bold.woff2") format("woff2");
  font-weight: 700; font-display: swap;
}

:root {
  /* Marke */
  --cx-brand:        #009fe3;
  --cx-brand-dark:   #007bb3;

  /* Produktwelt-Akzente */
  --cx-automation:   #009fe3;
  --cx-battery:      #16b582;
  --cx-sand:         #d99a4e;
  --cx-automation-soft: #e6f6fd;
  --cx-battery-soft:    #e4f7f1;
  --cx-sand-soft:       #faf1e3;

  /* Neutral */
  --cx-ink:        #0f172a;
  --cx-ink-muted:  #475569;
  --cx-surface:    #ffffff;
  --cx-surface-2:  #f5f7fa;
  --cx-border:     #e2e8f0;

  /* Default-Akzent = Marke */
  --cx-accent:      var(--cx-brand);
  --cx-accent-soft: var(--cx-automation-soft);

  --cx-radius: 14px;
  --cx-maxw: 1200px;
  --cx-font: "Plus Jakarta Sans", system-ui, sans-serif;
}

body.world--automation { --cx-accent: var(--cx-automation); --cx-accent-soft: var(--cx-automation-soft); }
body.world--battery    { --cx-accent: var(--cx-battery);    --cx-accent-soft: var(--cx-battery-soft); }
body.world--sand       { --cx-accent: var(--cx-sand);       --cx-accent-soft: var(--cx-sand-soft); }