/* ==========================================================================
   IBS Tashkent - Global CSS Root Custom Variables (Design System Tokens)
   ========================================================================== */

:root {
  /* Brand Primary Colors */
  --ibs-primary-dark: #0d233a;  /* Deep Navy - Headers, Containers, Card Backgrounds */
  --ibs-primary: #2154cf;       /* Vibrant Blue - Interactive links, buttons, highlights */
  --ibs-primary-hover: #0f2765; /* Dark Navy - Primary button hover state */

  /* Accent Colors */
  --ibs-accent: #f48220;        /* Amber Orange - CTAs & high-visibility highlights */
  --ibs-accent-hover: #d96f12;  /* Dark Orange - Accent button hover state */

  /* Typography & Neutrals */
  --ibs-heading: #0f172a;       /* Dark Slate - Headings h1-h6 */
  --ibs-text-body: #475569;     /* Slate Medium - Body text & paragraphs */
  --ibs-text-muted: #64748b;    /* Slate Muted - Subtitles & captions */
  --ibs-text-white: #ffffff;    /* Light text on dark backgrounds & buttons */

  /* Surface & Background Colors */
  --ibs-bg-light: #f8fafc;      /* Light section background */
  --ibs-card-bg: #ffffff;       /* Card & Container surface background */
  --ibs-glass-bg: rgba(255, 255, 255, 0.82);

  /* Borders & Dividers */
  --ibs-border: #e2e8f0;        /* Card & container borders */
  --ibs-border-light: #f1f1f1;  /* Form input borders */
  --ibs-glass-border: rgba(226, 232, 240, 0.8);

  /* Component Shadows */
  --ibs-shadow-sm: 0 2px 8px rgba(13, 35, 58, 0.06);
  --ibs-shadow-md: 0 10px 25px -5px rgba(13, 35, 58, 0.12), 0 8px 10px -6px rgba(13, 35, 58, 0.08);
  --ibs-shadow-lg: 0 20px 35px -10px rgba(13, 35, 58, 0.2);

  /* Transitions */
  --ibs-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}