/* TmTm design tokens. Components only ever use these variables. Brand: the three guideline teals plus black/white, as on
   tmtmsy.com (Themes/TmTm/Content/css/tokens.css). Hover/active/tints are derived UI states, not brand colours. */
:root {
  /* Brand. Deep teal carries white text (5.26:1, AA); the bright teal is for decoration only (1.78:1). */
  --c-primary: #02787e;
  --c-primary-hover: #01585c;
  --c-primary-active: #014a4e;
  --c-primary-contrast: #ffffff;
  --c-accent: #009a95;
  --c-blush: #00d9cc;
  --c-tint: #e6f4f4;
  --c-tint-strong: #cbe8e7;
  --c-primary-border: #b3dedc;
  /* Rules, strips and accents only: never under text. */
  --gradient: linear-gradient(90deg, #02787e 0%, #009a95 55%, #00d9cc 100%);
  --gradient-diagonal: linear-gradient(135deg, #00d9cc 0%, #009a95 45%, #02787e 100%);
  --gradient-soft: linear-gradient(135deg, #f6f9f9 0%, #e6f4f4 60%, #cbe8e7 100%);

  /* Neutrals: ink warmed to teal. */
  --c-bg: #ffffff;
  --c-canvas: #f6f9f9;
  --c-surface: #f6f9f9;
  --c-text: #10201f;
  --c-muted: #5c6b6a;
  --c-border: #dfe5e5;
  --c-danger: #d51f28;
  --c-success: #207d4c;

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

  /* One family for Arabic and Latin (tmtmsy.com 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/tmtm/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; }