/* =========================================================
   Design Tokens — صندوق اراغون · terminal / monochrome theme
   ========================================================= */

:root {
  /* Monochrome palette */
  --bg-primary: #0a0a0a;
  --bg-secondary: #0f0f0f;
  --bg-card: #0c0c0c;
  --bg-card-hover: #141414;
  --surface: rgba(14, 14, 14, 0.82);

  /* "Accent" is just light ink in a monochrome system */
  --accent: #e8e8e8;
  --accent-hover: #ffffff;
  --accent-soft: #cfcfcf;
  --accent-warm: #d8d8d8;
  --accent-gradient-start: #e8e8e8;
  --accent-gradient-end: #9a9a9a;

  /* Text */
  --text-primary: #e9e9e9;
  --text-secondary: #9a9a9a;
  /* #7a7a7a clears WCAG-AA (~4.5:1) on the dark bg for small meta/label text,
     while staying clearly dimmer than primary/secondary. */
  --text-muted: #7a7a7a;

  /* Functional (kept monochrome; inverted chips read as "highlight") */
  --discount-bg: #e8e8e8;
  --discount-bg-dark: #ffffff;
  --free-bg: #e8e8e8;
  --free-bg-dark: #ffffff;
  --error-bg: #c45b5b;
  --warning-bg: #b9b9b9;

  /* Lines & shadow */
  --border-color: rgba(255, 255, 255, 0.16);
  --border-strong: rgba(255, 255, 255, 0.34);
  --border-accent: rgba(255, 255, 255, 0.55);
  --border-dash: rgba(255, 255, 255, 0.22);
  --shadow-card: 0 0 0 rgba(0, 0, 0, 0);
  --shadow-card-hover: 0 0 0 1px rgba(255, 255, 255, 0.25);
  --shadow-inset: inset 0 0 0 rgba(0, 0, 0, 0);

  /* Sharp, terminal corners */
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-xl: 0px;
  --radius-pill: 0px;

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;

  /* Typography — monospace Latin, plex Arabic */
  --font-ar: 'IBM Plex Sans Arabic', 'IBM Plex Mono', monospace;
  --font-en: 'IBM Plex Mono', 'Courier New', monospace;
  --font-mono: 'IBM Plex Mono', 'Courier New', monospace;
  --text-xs: 0.72rem;
  --text-sm: 0.84rem;
  --text-base: 0.95rem;
  --text-md: 1.05rem;
  --text-lg: 1.3rem;
  --text-xl: 1.7rem;
  --text-2xl: 2.1rem;

  /* Transitions */
  --transition: 0.18s ease;
  --transition-fast: 0.12s ease;
  --transition-slow: 0.3s ease;

  /* Layout */
  --container-max: 1320px;
  --header-height: 64px;
}