/* =========================================================
   Sadiqoon Technologies — Design Tokens
   Source: brand colour reference card
========================================================= */
:root {
  /* Brand colours */
  --navy:        #0D1F3C;
  --navy-deep:   #081529;
  --navy-mid:    #122444;
  --navy-soft:   #1a2c4e;
  --gold:        #C9A84C;
  --gold-light:  #d6ba65;
  --teal:        #1D9E75;
  --teal-light:  #25c491;
  --amber:       #EF9F27;
  --amber-light: #f5b44a;
  --offwhite:    #F5F2ED;
  --offwhite-dim:#e8e4de;
  --black-true:  #000;
  --white-true:  #fff;

  /* Semantic */
  --bg:           var(--navy);
  --bg-deep:      var(--navy-deep);
  --bg-mid:       var(--navy-mid);
  --fg:           var(--offwhite);
  --accent:       var(--amber);

  /* Text scale */
  --text-muted:    rgba(245,242,237,0.55);
  --text-dim:      rgba(245,242,237,0.75);
  --text-faint:    rgba(245,242,237,0.4);

  /* Borders */
  --border-subtle: rgba(245,242,237,0.08);
  --border-mid:    rgba(245,242,237,0.15);
  --border-strong: rgba(245,242,237,0.25);

  /* Type */
  --font-en: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-ar: 'IBM Plex Arabic', 'IBM Plex Sans', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Spacing */
  --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;

  /* Radii */
  --r-sharp: 2px;
  --r-soft:  6px;
  --r-pill:  999px;

  /* Layout */
  --container: 1200px;
  --nav-h: 72px;
  --nav-h-scrolled: 60px;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 150ms;
  --dur-base: 250ms;
  --dur-slow: 600ms;

  /* Shadows */
  --shadow-soft: 0 8px 24px rgba(0,0,0,0.18);
  --shadow-mid:  0 16px 48px rgba(0,0,0,0.30);
  --shadow-glow-amber: 0 0 32px rgba(239,159,39,0.18);
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur-base: 0ms; --dur-slow: 0ms; }
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}