/**
 * CIF Learning Theme - CSS Variables
 */

:root {
  /* Primary Colors */
  --cif-primary: #0056b3;
  --cif-primary-dark: #003366;
  --cif-primary-light: #4a90d9;

  /* Secondary Colors */
  --cif-secondary: #28a745;
  --cif-secondary-dark: #1e7e34;

  /* Neutrals */
  --cif-white: #ffffff;
  --cif-black: #000000;
  --cif-gray-100: #f8f9fa;
  --cif-gray-200: #e9ecef;
  --cif-gray-300: #dee2e6;
  --cif-gray-400: #ced4da;
  --cif-gray-500: #adb5bd;
  --cif-gray-600: #6c757d;
  --cif-gray-700: #495057;
  --cif-gray-800: #343a40;
  --cif-gray-900: #212529;

  /* Status */
  --cif-success: #28a745;
  --cif-warning: #ffc107;
  --cif-danger: #dc3545;
  --cif-info: #17a2b8;

  /* Typography */
  --cif-font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --cif-font-size-base: 16px;
  --cif-line-height: 1.6;

  /* Spacing */
  --cif-space-xs: 0.25rem;
  --cif-space-sm: 0.5rem;
  --cif-space-md: 1rem;
  --cif-space-lg: 1.5rem;
  --cif-space-xl: 2rem;
  --cif-space-xxl: 3rem;

  /* Border Radius */
  --cif-radius-sm: 4px;
  --cif-radius-md: 8px;
  --cif-radius-lg: 12px;

  /* Shadows */
  --cif-shadow-sm: 0 1px 3px rgba(0,0,0,0.1);
  --cif-shadow-md: 0 4px 12px rgba(0,0,0,0.1);
  --cif-shadow-lg: 0 8px 24px rgba(0,0,0,0.12);

  /* Transitions */
  --cif-transition: 0.3s ease;
}