/* ============================================================
   THE IN — theme/tokens.css  v2  (مصدر واحد للهوية)
   ============================================================ */
:root {
  /* ── ألوان الهوية ── */
  --c-black:        #050505;
  --c-white:        #FFFFFF;
  --c-ink:          #111111;
  --c-ink-2:        #2B2B2B;
  --c-gray:         #767676;
  --c-gray-2:       #ADADAD;
  --c-line:         #EBEBEB;
  --c-bg:           #F8F8F8;
  --c-surface:      #FFFFFF;
  --c-green:        #0B8F5A;
  --c-red:          #E60023;
  --c-silver:       #C9C9C9;
  --c-gold:         #D4AF37;

  /* ── الخطوط ── */
  --font-ar: "IBM Plex Sans Arabic", "Tajawal", system-ui, sans-serif;
  --font-en: "Inter", system-ui, -apple-system, sans-serif;
  --font:    var(--font-ar);

  /* ── شكل ── */
  --r:       12px;
  --r-sm:    8px;
  --r-lg:    18px;
  --r-pill:  999px;
  --shadow:  0 1px 3px rgba(0,0,0,.06), 0 10px 28px -8px rgba(0,0,0,.14);
  --shadow-sm: 0 1px 3px rgba(0,0,0,.08);
  --ring:    0 0 0 3px rgba(5,5,5,.12);

  /* ── Bootstrap overrides ── */
  --bs-primary:          var(--c-black);
  --bs-primary-rgb:      5,5,5;
  --bs-success:          var(--c-green);
  --bs-danger:           var(--c-red);
  --bs-body-bg:          var(--c-bg);
  --bs-body-color:       var(--c-ink);
  --bs-border-color:     var(--c-line);
  --bs-body-font-family: var(--font);
  --bs-border-radius:    var(--r);
  --bs-link-color:       var(--c-black);
  --bs-link-hover-color: var(--c-ink-2);
}

/* ── Dark Mode ── */
[data-bs-theme="dark"] {
  --c-bg:      #0A0A0A;
  --c-surface: #141414;
  --c-ink:     #F0F0F0;
  --c-ink-2:   #CCCCCC;
  --c-gray:    #9A9A9A;
  --c-line:    #242424;
  --bs-body-bg:    #0A0A0A;
  --bs-body-color: #F0F0F0;
  --bs-border-color: #242424;
  --ring: 0 0 0 3px rgba(255,255,255,.12);
}

/* ── اللغة → الخط ── */
html[lang="en"] { --font: var(--font-en); }

/* ── Base ── */
*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: var(--font);
  background: var(--c-bg);
  color: var(--c-ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ── Utilities ── */
.bg-surface       { background: var(--c-surface) !important; }
.text-muted-soft  { color: var(--c-gray) !important; }
.border-line      { border-color: var(--c-line) !important; }
.rounded-token    { border-radius: var(--r) !important; }
.shadow-token     { box-shadow: var(--shadow) !important; }

/* RTL arrows flip */
html[dir="rtl"] .icon-flip,
html[dir="rtl"] .ri-arrow-right-line,
html[dir="rtl"] .ri-arrow-left-line { transform: scaleX(-1); display: inline-block; }