/* ==========================================================
   HYMANNA DESIGN TOKENS — black + lime, flat, fintech-bold
   (حزمة التصميم: `hymanna-redesign-kit/reference/design-tokens.css`
    + `reference/glass-tokens.css` — منسوختان هنا كقسمَي البداية،
    وأسماء الحزمة القديمة --k-* صارت مرايا لها فلا يتغيّر أي ملف آخر.)
   ONE accent. Alternatives (comments only): #2BEB2E | #42FF6C | #24F27E
   ========================================================== */
:root{
  --accent:#C8FF28; --accent-press:#B4EA14; --accent-soft:#F2FFC2;
  --positive:#2BEB2E;           /* small elements only */
  --positive-on-light:#12A150;
  --error:#FF5A5A; --error-on-light:#D93B3B;

  /* dark theme (default) */
  --bg:#0C0C0C; --surface:#1C1C1C; --surface-2:#282828;
  --line:rgba(255,255,255,.10);
  --text:#FFFFFF; --text-2:rgba(255,255,255,.70); --text-3:rgba(255,255,255,.56);
  --card-white:#FFFFFF; --on-white:#0C0C0C; --on-accent:#0C0C0C;
  --dark-card:#1C1C1C;
  --nav-bg:#282828; --nav-inactive:rgba(255,255,255,.65);
  --shadow:0 12px 28px rgba(0,0,0,.40); --scrim:rgba(0,0,0,.55);
  /* سطح الشات الغامر: أسود صافٍ من أعلى الشاشة إلى المرسى (متطلب المالك).
     الوضع النهاري يُبقى سطحه (--bg) لأن نصّه داكن — الأسود هناك يكسر الوضوح. */
  --chat-bg:#000000;

  /* shape / space (8-pt) */
  --r-card:28px; --r-hero:32px; --r-input:20px; --r-row:24px; --r-pill:999px;
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-7:28px; --s-8:32px;

  /* type — Cairo only */
  --font:"Cairo",system-ui,-apple-system,'Segoe UI',sans-serif;
  --fs-hero:44px; --fs-xl:32px; --fs-lg:26px; --fs-title:20px; --fs-md:17px; --fs-base:16px; --fs-sm:14px; --fs-xs:12px;

  /* motion */
  --ease:cubic-bezier(.22,1,.36,1); --dur-1:200ms; --dur-2:280ms;

  /* layout */
  --nav-h:68px; --nav-gap:16px; --content-max:600px; --chat-max:720px;
  --safe-b:env(safe-area-inset-bottom,0px); --safe-t:env(safe-area-inset-top,0px);
  --chat-kb:0px;
  color-scheme:dark;
}
:root[data-theme="light"]{
  --bg:#F6F7FA; --surface:#FFFFFF; --surface-2:#F6F7FA;
  --line:rgba(12,12,12,.08);
  --text:#0C0C0C; --text-2:rgba(12,12,12,.72); --text-3:rgba(12,12,12,.58);
  --dark-card:#181818; --nav-bg:#0C0C0C; --nav-inactive:rgba(255,255,255,.65);
  --chat-bg:var(--bg);
  --shadow:0 12px 28px rgba(12,12,12,.10); --scrim:rgba(0,0,0,.45);
  color-scheme:light;
}
/* Light theme: highlight areas use --accent-soft, never a mid-gray. Cards = --surface + 1px --line. */

/* ==========================================================
   GLASS TIER — append right after design-tokens.
   Glass is the 4th card tone, for CONTENT cards only (posts,
   property/listing cards, tool-group rows, agent/detail cards,
   forms, popovers). Hero, bento stat cards, nav, buttons stay
   SOLID (accent / white / black). No CSS gradient functions anywhere.
   ========================================================== */
:root{
  --glass-bg:rgba(255,255,255,.07);
  --glass-bg-hi:rgba(255,255,255,.12);          /* pressed / hover / inner pills */
  --glass-line:rgba(255,255,255,.16);           /* 1px edge highlight */
  --glass-blur:blur(18px) saturate(140%);
  --glass-shadow:0 8px 24px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.10);
  --orb-o:.13;
}
:root[data-theme="light"]{
  --glass-bg:rgba(255,255,255,.66);
  --glass-bg-hi:rgba(255,255,255,.88);
  --glass-line:rgba(255,255,255,.95);
  --glass-shadow:0 8px 24px rgba(12,12,12,.08), 0 0 0 1px rgba(12,12,12,.05);
  --orb-o:.34;
}

/* ── أسماء الحزمة (--k-*): مرايا فقط، لا قيم مكرّرة ── */
:root{
  --k-accent:var(--accent); --k-accent-press:var(--accent-press); --k-accent-soft:var(--accent-soft);
  --k-on-accent:var(--on-accent);
  --k-positive:var(--positive); --k-error:var(--error);
  --k-pos-text:var(--positive); --k-neg-text:var(--error);

  --k-bg:var(--bg); --k-surface:var(--surface); --k-surface-2:var(--surface-2);
  --k-line:var(--line); --k-line-strong:rgba(255,255,255,.18);
  --k-text:var(--text); --k-text-2:var(--text-2); --k-text-3:var(--text-3);
  --k-white:var(--card-white); --k-on-white:var(--on-white);
  --k-dark:var(--dark-card); --k-on-dark:#FFFFFF;
  --k-nav-bg:var(--nav-bg); --k-nav-inactive:var(--nav-inactive);
  --k-shadow:var(--shadow); --k-scrim:var(--scrim);

  --k-font:var(--font);
  --k-r-hero:var(--r-hero); --k-r-card:var(--r-card); --k-r-row:var(--r-row);
  --k-r-input:var(--r-input); --k-r-pill:var(--r-pill);

  --k-nav-h:var(--nav-h); --k-nav-gap:var(--nav-gap); --k-max:var(--content-max);
  --k-s2:var(--s-2); --k-s3:var(--s-3); --k-s4:var(--s-4); --k-s6:var(--s-6); --k-s8:var(--s-8);
  --k-chat-bg:var(--chat-bg);
  --k-kb:var(--chat-kb);
  --k-ease:var(--ease); --k-dur:var(--dur-2);
}
:root[data-theme="light"]{
  --k-line-strong:rgba(12,12,12,.16);
  /* البطاقة الداكنة (dark-card) تحمل نصًا أبيض في الوضعين */
  --k-on-dark:#FFFFFF;
  --k-pos-text:var(--positive-on-light); --k-neg-text:var(--error-on-light);
}