/* WODIX shared brand. Source of truth: the published shop palette and fonts. */
:root {
  --wodix-font-en: "Clarity City", sans-serif;
  --wodix-font-ar: "IBM Plex Sans Arabic", sans-serif;
  --wodix-font-body: var(--wodix-font-en);
  --wodix-color-ink: #131313;
  --wodix-color-muted: #6d6d6d;
  --wodix-color-border: #dfdfdf;
  --wodix-color-primary: #82746c;
  --wodix-color-primary-hover: #625349;
  --wodix-color-surface: #ffffff;
  --wodix-color-subtle: #f7f7f7;
  --wodix-color-pale: #f5f0ed;
  --wodix-color-error: #9d271e;
  --wodix-color-error-surface: #fee9e8;
  --wodix-color-success: #005b45;
  --wodix-color-success-surface: #cdfee1;
  --wodix-color-warning: #5e4200;
  --wodix-color-warning-surface: #ffeb78;
  --wodix-color-info: #00527c;
  --wodix-color-info-surface: #cce8ff;
  --wodix-rgb-ink: 19, 19, 19;
  --wodix-rgb-white: 255, 255, 255;
}
html:lang(ar) { --wodix-font-body: var(--wodix-font-ar); }
@font-face { font-family: "Clarity City"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("fonts/clarity-city-variable.woff2?v=6500f15d6bff") format("woff2"); }
@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/IBMPlexSansArabic-Regular.ttf?v=6f611412270a") format("truetype"); }
@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 500 600; font-display: swap; src: url("fonts/IBMPlexSansArabic-Medium.ttf?v=d6840be10dfb") format("truetype"); }
@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 700 900; font-display: swap; src: url("fonts/IBMPlexSansArabic-Bold.ttf?v=691e0c891a38") format("truetype"); }
body { font-family: var(--wodix-font-body); }
:where(button,input,textarea,select) { font-family: inherit; accent-color: var(--wodix-color-primary); }