/* ============================================================
   Sohel Square Hospital — CSS Custom Properties (Design Tokens)
   ============================================================ */

:root {
  /* ── Brand Colors ── */
  --color-primary:       hsl(133, 68%, 32%);
  --color-primary-dark:  hsl(133, 68%, 21%);
  --color-primary-light: hsl(133, 62%, 45%);
  --color-primary-50:    hsl(125, 39%, 94%);
  --color-accent:        hsl(38, 90%, 55%);
  --color-accent-dark:   hsl(38, 90%, 44%);
  --color-danger:        hsl(0, 68%, 47%);
  --color-emergency:     hsl(0, 72%, 51%);

  /* ── Neutral Colors ── */
  --color-dark:      #0D1117;
  --color-gray-900:  #1C1C1C;
  --color-gray-700:  #3D3D3D;
  --color-gray-500:  #6B7280;
  --color-gray-300:  #D1D5DB;
  --color-gray-100:  #F3F4F6;
  --color-white:     #FFFFFF;

  /* ── Gradients ── */
  --gradient-primary: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);
  --gradient-accent:  linear-gradient(135deg, var(--color-accent-dark), var(--color-accent));
  --gradient-hero:    linear-gradient(135deg, rgba(15,90,29,0.92) 0%, rgba(27,138,46,0.85) 100%);
  --gradient-dark:    linear-gradient(135deg, #0D1117, #1a2332);

  /* ── Shadows ── */
  --shadow-sm:     0 1px 3px rgba(0,0,0,0.12);
  --shadow-md:     0 4px 16px rgba(0,0,0,0.15);
  --shadow-lg:     0 10px 40px rgba(0,0,0,0.20);
  --shadow-green:  0 8px 32px rgba(27,138,46,0.25);
  --shadow-accent: 0 8px 24px rgba(245,166,35,0.30);
  --shadow-red:    0 8px 24px rgba(198,40,40,0.35);

  /* ── Border Radius ── */
  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-xl:   32px;
  --radius-pill: 999px;

  /* ── Transitions ── */
  --transition-fast: all 0.15s ease;
  --transition-base: all 0.3s ease;
  --transition-slow: all 0.5s cubic-bezier(0.4,0,0.2,1);

  /* ── Typography ── */
  --font-primary: 'Inter', 'Hind Siliguri', -apple-system, sans-serif;
  --font-bengali: 'Hind Siliguri', sans-serif;
  --font-mono:    'Courier New', monospace;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.125rem;
  --text-lg:   1.25rem;
  --text-xl:   1.5rem;
  --text-2xl:  1.875rem;
  --text-3xl:  2.25rem;
  --text-4xl:  3rem;
  --text-5xl:  3.75rem;

  /* ── Spacing ── */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* ── Z-Index ── */
  --z-dropdown: 1000;
  --z-sticky:   1020;
  --z-fixed:    1030;
  --z-modal:    1050;
  --z-toast:    1080;
}