/**
 * Bahrain Skills Platform - Design System Tokens
 * Phase 4: Full UI/UX Platform Review
 * Created by FEDEV from UXLEAD specification
 * Date: 2026-01-26
 */

:root {
  /* ===== Brand Colors ===== */
  --bs-primary: #E60026;
  --bs-primary-dark: #B8001F;
  --bs-primary-light: #FF4B5C;
  --bs-primary-rgb: 230, 0, 38;

  /* ===== Neutral Colors ===== */
  --bs-gray-50: #F9FAFB;
  --bs-gray-100: #F3F4F6;
  --bs-gray-200: #E5E7EB;
  --bs-gray-300: #D1D5DB;
  --bs-gray-400: #9CA3AF;
  --bs-gray-500: #6B7280;
  --bs-gray-600: #4B5563;
  --bs-gray-700: #374151;
  --bs-gray-800: #1F2937;
  --bs-gray-900: #111827;

  /* ===== Semantic Colors ===== */
  --bs-success: #27ae60;
  --bs-warning: #f39c12;
  --bs-danger: #e74c3c;
  --bs-info: #3498db;

  /* ===== Typography ===== */
  --bs-font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --bs-font-size-xs: 0.75rem;
  --bs-font-size-sm: 0.875rem;
  --bs-font-size-base: 1rem;
  --bs-font-size-lg: 1.125rem;
  --bs-font-size-xl: 1.5rem;
  --bs-font-size-2xl: 2rem;

  /* ===== Border Radius ===== */
  --bs-radius-sm: 8px;
  --bs-radius-md: 12px;
  --bs-radius-lg: 16px;
  --bs-radius-pill: 50px;
  --bs-radius-circle: 50%;

  /* ===== Shadows ===== */
  --bs-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --bs-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
  --bs-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
  --bs-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);
  --bs-shadow-brand: 0 4px 14px rgba(230, 0, 38, 0.25);

  /* ===== Transitions ===== */
  --bs-transition-fast: 150ms ease;
  --bs-transition-base: 300ms ease;
  --bs-transition-slow: 500ms ease;
}