/* ══════════════════════════════════════════════════════════════════
   ثبره للدعاية والإعلان — Design tokens
   ⚠️  ملف مولَّد آلياً. لا تحرّره يدوياً — أي تعديل يُمحى عند التوليد التالي.
   المصدر:  brand/tokens/tokens.json
   التوليد: node scripts/generate-tokens.mjs
   ══════════════════════════════════════════════════════════════════ */
:root {

  /* ── color ── */
  --c-bg-deep: #050607;
  --c-bg-base: #08090B;
  --c-panel-1: #101215;
  --c-panel-2: #181B1F;
  --c-panel-3: #23272C;
  --c-primary: #2EF08A;
  --c-primary-soft: #7CFFC0;
  --c-primary-deep: #16C46A;
  --c-primary-dim: #0E3A25;
  --c-on-primary: #04140C;
  --c-text-strong: #FFFFFF;
  --c-text-body: #C9CFD6;
  --c-text-muted: #8E979F;
  --c-text-faint: #6B747C;
  --c-border-subtle: rgba(255,255,255,0.07);
  --c-border-default: rgba(255,255,255,0.13);
  --c-border-strong: rgba(255,255,255,0.24);
  --c-border-live: rgba(46,240,138,0.35);
  --c-glass: rgba(255,255,255,0.04);
  --c-glass-strong: rgba(255,255,255,0.075);
  --c-glow-soft: rgba(46,240,138,0.10);
  --c-glow-mid: rgba(46,240,138,0.18);
  --c-scrim: rgba(5,6,7,0.86);
  --c-well: #F3F6F8;
  --c-on-well: #08090B;
  --c-danger: #FF6B61;
  --c-on-danger: #2A0906;

  /* ── font ── */
  --font-sans: 'Tajawal', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ── weight ── */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --fw-black: 800;

  /* ── size ── */
  --fs-2xs: 0.6875rem;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-body: 1.0625rem;
  --fs-lg: 1.1875rem;
  --fs-h4: 1.3125rem;
  --fs-h3: 1.6875rem;
  --fs-h2: 2.125rem;
  --fs-h1: 2.875rem;
  --fs-display: 3.75rem;

  /* ── leading ── */
  --lh-tight: 1.14;
  --lh-snug: 1.3;
  --lh-normal: 1.65;
  --lh-relaxed: 1.85;

  /* ── tracking ── */
  --ls-tight: -0.02em;
  --ls-normal: 0;
  --ls-wide: 0.06em;

  /* ── space ── */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
  --sp-10: 8rem;

  /* ── radius ── */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* ── shadow ── */
  --sh-sm: 0 1px 2px rgba(0,0,0,.5);
  --sh-md: 0 10px 28px rgba(0,0,0,.5);
  --sh-lg: 0 28px 68px rgba(0,0,0,.6);
  --sh-glow: 0 0 44px rgba(46,240,138,.16);
  --sh-ring: 0 0 0 1px rgba(46,240,138,.34);

  /* ── motion ── */
  --mo-fast: 160ms;
  --mo-base: 280ms;
  --mo-slow: 560ms;
  --mo-ambient: 16s;
  --mo-pulse: 3.2s;
  --mo-ease: cubic-bezier(.22,.61,.36,1);
  --mo-spring: cubic-bezier(.34,1.36,.64,1);

  /* ── layout ── */
  --ly-content: 1160px;
  --ly-wide: 1320px;
  --ly-narrow: 700px;
  --ly-gutter: 1.25rem;
  --ly-header: 68px;

  /* ── z ── */
  --z-base: 1;
  --z-sticky: 50;
  --z-header: 60;
  --z-float: 70;
  --z-modal: 90;
}

@media (max-width: 640px) {
  :root {
    --fs-display: 2.875rem;
    --fs-h1: 2.125rem;
    --fs-h2: 1.6875rem;
    --fs-h3: 1.3125rem;
    --ly-gutter: 1rem;
  }
}