/* KXM Store — zmienne z tokens.json */
:root, [data-theme="light"] {
  --kxm-v4-white: #ffffff;
  --kxm-v4-beige-50: #f4f2ee;
  --kxm-v4-beige-100: #e9e5dd;
  --kxm-v4-beige-200: #d8d2c6;
  --kxm-v4-line: #dedcd7;
  --kxm-v4-line-strong: #8c8a85;
  --kxm-v4-ink: #111111;
  --kxm-v4-ink-soft: #454545;
  --kxm-v4-ink-muted: #666666;
  --kxm-v4-blue: #00758f;
  --kxm-v4-blue-dark: #005f75;
  --kxm-v4-blue-deep: #0a3c49;
  --kxm-v4-blue-light: #7fbccb;
  --kxm-v4-blue-mist: #eef6f8;
  --kxm-v4-on-blue: #ffffff;
  --kxm-v4-danger: #b3261e;
  --kxm-v4-on-photo: #ffffff;
  --kxm-v4-scrim: rgba(17, 17, 17, 0.45);
  --kxm-v4-shadow-float: 0 12px 32px rgba(17, 17, 17, 0.12);
}
:root {
  --kxm-v4-space-1: 4px;
  --kxm-v4-space-2: 8px;
  --kxm-v4-space-3: 12px;
  --kxm-v4-space-4: 16px;
  --kxm-v4-space-6: 24px;
  --kxm-v4-space-8: 32px;
  --kxm-v4-space-12: 48px;
  --kxm-v4-space-16: 64px;
  --kxm-v4-space-24: 96px;
  --kxm-v4-radius-none: 0;
  --kxm-v4-radius-pill: 999px;
  --kxm-v4-hairline: 1px;
  --kxm-v4-bar-sm: 6px;
  --kxm-v4-bar: 10px;
  --kxm-v4-bar-lg: 28px;
  --kxm-v4-frame: 8px;
  --kxm-v4-container: 1320px;
  --kxm-v4-mail-width: 640px;
  --kxm-v4-touch: 48px;
  --kxm-v4-font-display: "Archivo Expanded", Archivo, "Arial Black", Arial, sans-serif;
  --kxm-v4-font-sans: Archivo, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --kxm-v4-font-serif: "Playfair Display", Georgia, "Times New Roman", serif;
}
@font-face { font-family: "Archivo Expanded"; src: url("kxm-v4-fonts/ArchivoExpanded.ttf") format("truetype"); font-display: swap; font-weight: 100 900; font-style: normal; }
@font-face { font-family: "Archivo"; src: url("kxm-v4-fonts/Archivo.ttf") format("truetype"); font-display: swap; font-weight: 100 900; font-style: normal; }

@font-face {
  font-family: "Playfair Display";
  src: url("kxm-v4-fonts/PlayfairDisplay-Italic.ttf") format("truetype");
  font-weight: 400 900;
  font-style: italic;
  font-display: swap;
}

:root {
  --kxm-hbx-font: var(--kxm-v4-font-sans);
}