family_restroom

قانون الأسرة

تقديم حلول تحفظ الكرامة للخصوصيات الأسرية. نحن نقدم دعماً حساساً ودؤوباً لتقسيم الأصول وحضانة الأطفال والتخطيط العقاري.

tune

Theme Customizer

Theme Presets

Quick Palette Selector

Colors

primary ScaleDefault Template

expand_more

secondary ScaleDefault Template

expand_more

accent ScaleDefault Template

expand_more

natural ScaleDefault Template

expand_more

Typography

Preset Pairings

Heading Font

Body Font

Border Radius

Style Presets

Base Radius (DEFAULT)

MD Radius

LG Radius

XL Radius

Spacing & Layout

Grid Gutter

--spacing-gutter

Base Spacing Unit

--spacing-unit

Container Max Width

--spacing-container-max

Section Gap

--spacing-section-gap

Export Theme

Generated Stylesheet

/* --- CUSTOMIZED THEME VARIABLES --- */
:root {
  /* PRIMARY SCALE (primary) */
  --color-primary-50: #f0f7f7;
  --color-primary-100: #dcf0ef;
  --color-primary-200: #bee2e1;
  --color-primary-300: #a2cfce;
  --color-primary-400: #7aa5a5;
  --color-primary-500: #3b6565;
  --color-primary-600: #224d4d;
  --color-primary-700: #0b3b3b;
  --color-primary-800: #002424;
  --color-primary-900: #001818;
  --color-primary-950: #000c0c;

  /* SECONDARY SCALE (secondary) */
  --color-secondary-50: #f5f7f6;
  --color-secondary-100: #e5eae7;
  --color-secondary-200: #d8e5e1;
  --color-secondary-300: #bcc9c6;
  --color-secondary-400: #8a9996;
  --color-secondary-500: #55615e;
  --color-secondary-600: #434e4b;
  --color-secondary-700: #353e3c;
  --color-secondary-800: #282e2c;
  --color-secondary-900: #1c201f;
  --color-secondary-950: #0f1110;

  /* ACCENT SCALE (accent) */
  --color-accent-50: #fff7f5;
  --color-accent-100: #ffede6;
  --color-accent-200: #ffd3c2;
  --color-accent-300: #ffab8f;
  --color-accent-400: #ff7f50;
  --color-accent-500: #f86835;
  --color-accent-600: #e04f1c;
  --color-accent-700: #b83a10;
  --color-accent-800: #922d0d;
  --color-accent-900: #77260e;
  --color-accent-950: #421104;

  /* NATURAL SCALE (natural) */
  --color-natural-50: #f9f9f8;
  --color-natural-100: #f3f4f3;
  --color-natural-200: #edeeed;
  --color-natural-300: #e8e8e7;
  --color-natural-400: #e2e2e2;
  --color-natural-500: #d9dad9;
  --color-natural-600: #c0c8c7;
  --color-natural-700: #717978;
  --color-natural-800: #404848;
  --color-natural-900: #1a1c1c;
  --color-natural-950: #0d0e0e;

  /* SPACINGS & DIMENSIONS */
  --spacing-gutter: 24px;
  --spacing-unit: 8px;
  --spacing-container-max: 1200px;
  --spacing-section-gap: 80px;

  /* BORDER RADIUS */
  --radius-DEFAULT: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-xl: 0px;

  /* FONTS */
  --font-display: "Plus Jakarta Sans", sans-serif;
  --font-h1-desktop: "Plus Jakarta Sans", sans-serif;
  --font-h1-mobile: "Plus Jakarta Sans", sans-serif;
  --font-h2: "Plus Jakarta Sans", sans-serif;
  --font-h3: "Plus Jakarta Sans", sans-serif;
  --font-body: "Inter", sans-serif;
  --font-body-md: "Inter", sans-serif;
  --font-body-lg: "Inter", sans-serif;
  --font-label-caps: "Inter", sans-serif;
}