/* Authentication Theme Variables */
:root {
  /* Colors */
  --auth-primary-color: var(--brand-primary, #0a2647);
  --auth-primary-light: var(--brand-primary-light, #2a6fc9);
  --auth-primary-dark: var(--brand-primary-dark, #1e5da8);
  --auth-accent-color: #0e0f40;
  --auth-text-dark: #495057;
  --auth-text-muted: #6c757d;
  --auth-border-color: #ced4da;
  
  /* Status Colors */
  --auth-success: #28a745;
  --auth-success-light: #e7f4ec;
  --auth-success-border: #c3e6cb;
  --auth-error: #dc3545;
  --auth-error-light: #f8d7da;
  --auth-error-border: #f5c6cb;
  --auth-info: #2a6fc9;
  --auth-info-light: #cce5ff;
  --auth-info-border: #b8daff;
  
  /* Spacing */
  --auth-spacing-xs: 0.5rem;
  --auth-spacing-sm: 0.75rem;
  --auth-spacing-md: 1rem;
  --auth-spacing-lg: 1.5rem;
  --auth-spacing-xl: 2rem;
  
  /* Typography */
  --auth-font-size-xs: 0.9rem;
  --auth-font-size-sm: 0.95rem;
  --auth-font-size-md: 1rem;
  --auth-font-size-lg: 1.25rem;
  --auth-font-size-xl: 1.8rem;
  
  /* Border Radius */
  --auth-border-radius-sm: 4px;
  --auth-border-radius-md: 8px;
  
  /* Shadows */
  --auth-shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.1);
  --auth-shadow-focus: 0 0 0 0.2rem rgba(42, 111, 201, 0.25);
  
  /* Animation */
  --auth-transition-speed: 0.3s;
}