Hamza-AyedandClaude Opus 5
75b80bd299
- marketing: index.html من 2274 إلى 775 سطراً، والباقي إلى styles/ (tokens·base·components·sections·responsive) و js/ (app·i18n·calculator·analytics) و i18n/ بخمس لغات (ar·en·fr·es·tr) عبر سمة data-i18n. - docs/05 + docs/33 + لوحة السوبر-أدمن: الباقات صارت ثلاثاً (إطلاق · نمو · سيادة) بدل الأربع، وتحديث docs/31 بما يطابقها. - docs/36: توثيق سيرو إكسبرس للتوصيل. - تنظيف استيرادات غير مستعملة في apps/rider و apps/driver. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
30 lines
1.4 KiB
CSS
30 lines
1.4 KiB
CSS
/* ============ DESIGN TOKENS (docs/31 §5) ============ */
|
|
:root{
|
|
--midnight-900:#0A1128; --midnight-800:#0D1733; --midnight-700:#12203F;
|
|
--brand-500:#2E4BFF; --brand-600:#1F38D9; --brand-glow:rgba(46,75,255,.45);
|
|
--signal-400:#D6DBEE; --signal-glow:rgba(214,219,238,.38);
|
|
--surface-0:#FFFFFF; --surface-50:#F6F8FC; --surface-100:#EEF2FA;
|
|
--ink-900:#101828; --ink-700:#344054; --ink-500:#5B6478; --ink-300:#98A2B3;
|
|
--success-500:#12B76A; --danger-500:#F04438;
|
|
--line:rgba(16,24,40,.10);
|
|
--radius-card:16px; --radius-btn:12px; --radius-pill:999px;
|
|
--shadow-sm:0 2px 8px rgba(10,17,40,.06);
|
|
--shadow-md:0 4px 24px rgba(10,17,40,.10);
|
|
--shadow-lg:0 24px 60px rgba(10,17,40,.18);
|
|
--ease:cubic-bezier(.16,1,.3,1);
|
|
--font-ar:"IBM Plex Sans Arabic",system-ui,sans-serif;
|
|
--font-lat:"Inter",system-ui,sans-serif;
|
|
--font-display:"Space Grotesk","IBM Plex Sans Arabic",system-ui,sans-serif;
|
|
--maxw:1200px;
|
|
/* semantic surfaces (light) */
|
|
--bg:var(--surface-0); --bg-alt:var(--surface-50); --card:var(--surface-0);
|
|
--text:var(--ink-900); --text-soft:var(--ink-500); --border:var(--line);
|
|
--nav-bg:rgba(255,255,255,.72);
|
|
}
|
|
[data-theme="dark"]{
|
|
--bg:var(--midnight-900); --bg-alt:var(--midnight-800); --card:var(--midnight-700);
|
|
--text:#EAF0FF; --text-soft:#9BA8C9; --border:rgba(255,255,255,.10);
|
|
--nav-bg:rgba(10,17,40,.72); --shadow-md:0 4px 24px rgba(0,0,0,.4);
|
|
--shadow-lg:0 24px 60px rgba(0,0,0,.55); --line:rgba(255,255,255,.10);
|
|
}
|