/* المولَّد آلياً من frontend/client/constants/theme.ts — لا يُحرَّر يدوياً.
 * أعد التوليد: node scripts/generate-tokens.mjs  (يُشغَّل في كل دورة SYNC) */
:root {
  --nooda-primary: #4FAE80;
  --nooda-primary-light: #86CDA6;
  --nooda-primary-glow: rgba(79, 174, 128, 0.28);
  --nooda-primary-soft: rgba(79, 174, 128, 0.14);
  --nooda-error-soft: rgba(226, 102, 76, 0.14);
  --nooda-secondary: #C99B4A;
  --nooda-background: #0A0F0D;
  --nooda-surface: rgba(10, 15, 13, 0.42);
  --nooda-surface-variant: rgba(29, 38, 33, 0.56);
  --nooda-text-primary: #F4F8F5;
  --nooda-text-secondary: #9BB0A2;
  --nooda-success: #4FAE80;
  --nooda-warning: #E0A94E;
  --nooda-error: #E2664C;
  --nooda-border: rgba(196, 218, 202, 0.14);
  --nooda-live: #E2664C;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-2xl: 24px;
  --space-3xl: 32px;
  --space-4xl: 40px;
  --space-5xl: 48px;
  --space-input-height: 48px;
  --space-button-height: 52px;
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-xl: 30px;
  --radius-2xl: 40px;
  --radius-3xl: 50px;
  --radius-full: 9999px;
  --type-h1-size: 28px;
  --type-h1-lh: 1.357;
  --type-h1-weight: 700;
  --type-h2-size: 26px;
  --type-h2-lh: 1.346;
  --type-h2-weight: 600;
  --type-h3-size: 24px;
  --type-h3-lh: 1.333;
  --type-h3-weight: 600;
  --type-h4-size: 20px;
  --type-h4-lh: 1.400;
  --type-h4-weight: 600;
  --type-body-size: 16px;
  --type-body-lh: 1.500;
  --type-body-weight: 400;
  --type-small-size: 14px;
  --type-small-lh: 1.500;
  --type-small-weight: 400;
  --type-link-size: 16px;
  --type-link-lh: 1.500;
  --type-link-weight: 400;
  --type-button-size: 16px;
  --type-button-lh: 1.375;
  --type-button-weight: 600;
  --type-caption-size: 14px;
  --type-caption-lh: 1.429;
  --type-caption-weight: 400;
  --motion-fast: 180ms;
  --motion-base: 260ms;
  --motion-slow: 420ms;
  --motion-ambient: 2400ms;
  --glass-tab-bar-overlay: rgba(10, 15, 13, 0.45);
  --glass-tab-bar-blur: 20px;
  --glass-card-overlay: rgba(10, 15, 13, 0.34);
  --glass-card-blur: 20px;
  --glass-sheet-overlay: rgba(10, 15, 13, 0.4);
  --glass-sheet-blur: 25px;
  --glass-chip-overlay: rgba(19, 26, 23, 0.35);
  --glass-chip-blur: 12px;
  --gradient-cta: linear-gradient(135deg, #4FAE80, #C99B4A);
  --gradient-hero-mesh: linear-gradient(180deg, #16281E, #0F1613, #0A0F0D);
  --sheen: rgba(244, 248, 245, 0.07);
  --sheen-end: rgba(244, 248, 245, 0);
  --seed-ratio: 0.3;
  --shadow-soft: 0 4px 12px rgba(0,0,0,0.24);
  --shadow-raised: 0 8px 24px rgba(0,0,0,0.32);
  --shadow-glow: 0 0 16px rgba(79,174,128,0.45);
  --shadow-live-glow: 0 0 10px rgba(226,102,76,0.4);
}