/* =====================================================================
   ALDEEM PLATFORM — DESIGN TOKENS (white-label, two layers)
   Layer A: --platform-*  (vendor chrome, fixed)   — neutral for now
   Layer B: --tenant-*     (the reskinnable brand the customer sees)
   Swap [data-tenant] on :root → entire UI re-skins, zero code change.
   ===================================================================== */

:root {
  /* ---- NEUTRALS (shared across all tenants) ---- */
  --ink:        #16162B;   /* primary text (near-navy) */
  --muted:      #6A6A80;   /* secondary text */
  --faint:      #9A9AAE;   /* tertiary / placeholder */
  --line:       #E4E4ED;   /* borders, dividers */
  --line-soft:  #EFEFF4;
  --bg:         #F5F5F9;   /* page background */
  --surface:    #FFFFFF;   /* cards */

  /* ---- SEMANTIC (warranty traffic-light, status) ---- */
  --success:      #2E8B57;  --success-soft: #E4F1EA;
  --warning:      #D99000;  --warning-soft: #FBF1DC;
  --danger:       #C0392B;  --danger-soft:  #F7E3E0;

  /* ---- SHAPE LANGUAGE ---- */
  --r-card: 18px;
  --r-btn:  12px;
  --r-brand: 22px;
  --r-pill: 999px;

  /* ---- SPACING SCALE: 4 / 8 / 12 / 16 / 24 / 32 / 48 ---- */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s6:24px; --s8:32px; --s12:48px;

  /* ---- SOFT SHADOWS (never harsh) ---- */
  --shadow-sm: 0 1px 2px rgba(22,22,43,.05), 0 2px 8px rgba(22,22,43,.04);
  --shadow-md: 0 6px 20px rgba(22,22,43,.08), 0 2px 6px rgba(22,22,43,.04);
  --shadow-lg: 0 18px 48px rgba(22,22,43,.16);

  /* ---- TYPOGRAPHY ---- */
  --font-family: 'Cairo', system-ui, sans-serif;

  /* ---- PLATFORM (vendor) LAYER — neutral chrome ---- */
  --platform-ink:  #16162B;
  --platform-bg:   #0E0E1A;
}

/* ===== TENANT A — ALDEEM (الديم) : the Deem brand blue (same as the apps and back office) ===== */
:root[data-tenant="aldeem"] {
  --tenant-primary:      #1E5EFF;
  --tenant-primary-dark: #0E2B7E;
  --tenant-primary-soft: #EEF4FF;
  --tenant-accent:       #3B6CFF;
  --tenant-accent-dark:  #1547D6;
  --tenant-accent-soft:  #DCE7FF;
  --tenant-wordmark:     "الديم";
}

/* ===== TENANT B — NASEEM (نسيم) : emerald + warm gold (reskin proof) ===== */
:root[data-tenant="naseem"] {
  --tenant-primary:      #0E7C66;
  --tenant-primary-dark: #0A5346;
  --tenant-primary-soft: #E1F2EC;
  --tenant-accent:       #E0A13C;
  --tenant-accent-dark:  #BB8126;
  --tenant-accent-soft:  #FAF0DC;
  --tenant-wordmark:     "نسيم";
}