/* Arabian Appliances design tokens. Components only ever use these variables. Brand: the mark's blue, red and navy, as on
   the old Arabia theme (Themes/Arabia/Content/css/tokens.css). Hover/active/tints are derived UI states, not brand colours. */
:root {
  /* Brand. Blue carries white text (4.78:1, AA); the bright blue is for decoration only (2.26:1). */
  --c-primary: #0d77bd;
  --c-primary-hover: #0a5f97;
  --c-primary-active: #084e7c;
  --c-primary-contrast: #ffffff;
  --c-accent: #1e8fd5;
  --c-blush: #5bb6e8;
  --c-tint: #e0f2ff;
  --c-tint-strong: #c2e4fa;
  --c-primary-border: #a5d4f2;
  /* Rules, strips and accents only: never under text. */
  --gradient: linear-gradient(90deg, #0d77bd 0%, #1e8fd5 55%, #5bb6e8 100%);
  --gradient-diagonal: linear-gradient(135deg, #5bb6e8 0%, #1e8fd5 45%, #0d77bd 100%);
  --gradient-soft: linear-gradient(135deg, #f2f7fb 0%, #e0f2ff 60%, #c2e4fa 100%);

  /* Neutrals: ink is the brand navy. */
  --c-bg: #ffffff;
  --c-canvas: #f2f7fb;
  --c-surface: #f2f7fb;
  --c-text: #0c2536;
  --c-muted: #5a6b7a;
  --c-border: #dde4ea;
  --c-danger: #e41519;
  --c-success: #207d4c;

  /* Shape and depth. */
  --radius: 12px;
  --radius-lg: 20px;
  --shadow: 0 6px 20px rgba(12, 37, 54, 0.1);
  --shadow-lg: 0 14px 38px rgba(12, 37, 54, 0.16);
  --shadow-sm: 0 1px 2px rgba(12, 37, 54, 0.06), 0 2px 8px rgba(12, 37, 54, 0.05);

  /* One family for Arabic and Latin (the old Arabia theme uses IBM Plex too). Self-hosted below. */
  --font-store: "IBM Plex Sans Arabic";

  /* Product badges (spec 10 §37) at the inline start: top-right in Arabic, top-left in English. */
  --badge-start: 0.625rem;
  --badge-end: auto;
}

/* IBM Plex Sans Arabic, from stores/arabia/public/fonts. Split per script: the browser fetches only the files a page's
   characters need (unicode-range). swap: text paints at once in the system face, then swaps. */
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 400; font-display: swap; src: url("/fonts/plex-arabic-arabic-400.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 500; font-display: swap; src: url("/fonts/plex-arabic-arabic-500.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 600; font-display: swap; src: url("/fonts/plex-arabic-arabic-600.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 700; font-display: swap; src: url("/fonts/plex-arabic-arabic-700.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 400; font-display: swap; src: url("/fonts/plex-arabic-latin-400.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 500; font-display: swap; src: url("/fonts/plex-arabic-latin-500.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 600; font-display: swap; src: url("/fonts/plex-arabic-latin-600.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 700; font-display: swap; src: url("/fonts/plex-arabic-latin-700.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }