/**
 * Joomla Portal Template - CSS Variables
 *
 * Custom CSS variables extracted from React template (globals.css)
 * These variables define the color scheme and design tokens for the template
 */

:root {
  /* Joomla Portal Color Scheme */
  --joomla-primary: #5091CD;
  --joomla-primary-rgb: 80, 145, 205;
  --joomla-secondary: #1B3D6D;
  --joomla-secondary-rgb: 27, 61, 109;
  --joomla-dark: #1F2937;
  --joomla-light: #F9FAFB;
  --joomla-accent: #10B981;
  --joomla-border: #E5E7EB;

  /* Bootstrap 5 Color Overrides */
  --bs-primary: var(--joomla-primary);
  --bs-primary-rgb: var(--joomla-primary-rgb);
  --bs-secondary: var(--joomla-secondary);
  --bs-secondary-rgb: var(--joomla-secondary-rgb);

  /* Typography */
  --font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-size-base: 1rem;
  --line-height-base: 1.5;

  /* Spacing */
  --spacing-unit: 0.25rem;

  /* Border Radius */
  --border-radius: 0.375rem;
  --border-radius-lg: 0.75rem;
  --border-radius-xl: 1rem;

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);

  /* Transitions */
  --transition-base: all 0.3s ease;
}

/* Body defaults */
body {
  font-family: var(--font-family-base);
  color: #374151;
  line-height: var(--line-height-base);
}