/* [2026-10-07] بحر — رموز التصميم. تيل وأكوا هادئ، أمواج وحلقات إنجاز وتدرجات ناعمة. */
/* [انحراف مبرَّر 2026-10-28] الخطوط تُحمَّل محليًا (assets/css/fonts.css) بدل Google Fonts؛ باقي الرموز كما في المكتبة بلا تغيير. */
:root{
  --font-display:"Alexandria","Plus Jakarta Sans",sans-serif; --font-body:"Alexandria","Plus Jakarta Sans",sans-serif; --font-num:"Plus Jakarta Sans","Alexandria",sans-serif;

  --bg:#EAF6F5; --surface:#FFFFFF; --surface-2:#F1FAF9; --surface-3:#D9EEEC;
  --border:#D2E7E5; --border-strong:#8FBFBC;
  --text:#0B3340; --text-2:#33596A; --text-3:#47697A;

  --primary:#0B7A82; --primary-hover:#096A71; --primary-active:#07585E;
  --primary-soft:#D3F0EE; --primary-text:#075F66; --on-primary:#FFFFFF; --focus:#0B7A82;
  --success:#08724A; --success-soft:#D5F5E6;
  --warning:#7F5000; --warning-soft:#FFEBC2;
  --danger:#B02A38;  --danger-soft:#FFDDE0;
  --info:#1858B0;    --info-soft:#D6E7FF;
  --coral:#FF7A66; --sun:#FFC857; --sea:#2F80ED; --lilac:#9B8CFF; --mint:#5DD4B3; --deep:#06424B;
  --chart-1:#0B7A82; --chart-2:#FF7A66; --chart-3:#5BC0EB; --chart-4:#FFC857; --chart-5:#9B8CFF;
  --chart-grid:rgba(11,51,64,.08); --chart-area:rgba(11,122,130,.14); --chart-bar:#BFE6E3;
  --chart-gradient:1;
  --chart-area-top:rgba(11,122,130,.32); --chart-area-bottom:rgba(11,122,130,0);
  --chart-line-from:#0B7A82; --chart-line-to:#2FB6C0;
  --chart-bar-top:rgba(11,122,130,.55); --chart-bar-bottom:rgba(91,192,235,.18);
  --chart-bar-hi-top:#FF9A85; --chart-bar-hi-bottom:#FF7A66;

  --fs-xs:12px; --fs-sm:14px; --fs-md:15px; --fs-lg:17px; --fs-xl:22px; --fs-2xl:30px; --fs-3xl:42px; --fs-4xl:64px;
  --lh-body:1.85; --lh-tight:1.3; --tracking-display:-.01em;
  --r-xs:6px; --r-sm:10px; --r-md:16px; --r-lg:24px; --r-xl:34px;
  --h-control:48px; --h-control-sm:38px; --h-control-lg:56px;
  --sh-1:0 10px 30px -16px rgba(11,122,130,.30); --sh-2:0 18px 44px -18px rgba(11,122,130,.38); --sh-3:0 30px 70px -24px rgba(6,66,75,.5);
  --dur-fast:120ms; --dur:200ms; --dur-slow:380ms; --ease:cubic-bezier(.25,.8,.3,1);

  --btn-radius:16px; --btn-fw:600; --btn-px:26px;
  --btn-primary-shadow:0 10px 22px -10px rgba(11,122,130,.8); --btn-primary-shadow-hover:0 14px 26px -10px rgba(11,122,130,.9);
  --btn-secondary-border:var(--border);
  --input-bg:#F6FCFB; --input-radius:16px; --input-border:#BBDCD9; --focus-ring:0 0 0 4px rgba(11,122,130,.18);
  --card-radius:28px; --card-pad:26px; --card-border:transparent; --card-shadow:var(--sh-1);
  --modal-radius:32px; --tabs-radius:16px; --tab-radius:12px; --badge-radius:999px; --chip-radius:999px; --check-radius:7px;
  --tab-active-bg:#FFFFFF; --tab-active-text:#075F66; --tab-active-shadow:0 4px 12px -4px rgba(11,122,130,.35);
  --switch-off:#B3D6D3;
  --toast-bg:#06424B; --toast-text:#EAF6F5; --toast-radius:16px;
  --banner-bg:#FFEBC2; --banner-text:#5B3A00; --banner-radius:18px;
  --promo-bg:radial-gradient(420px 260px at 90% -10%,rgba(255,255,255,.22),transparent 60%),linear-gradient(135deg,#0E8D95 0%,#0B7A82 45%,#06505A 100%); --promo-text:#F0FFFE; --promo-art:rgba(255,255,255,.16); --promo-radius:32px; --promo-shadow:var(--sh-2);
  --media-bg:linear-gradient(135deg,#D3F0EE,#CFE3FF); --rating:#FFC857; --seg-cap:round;
}