/* Auth-specific CSS variables for proprietary version */

:root {
  /* Auth page colors (light mode) */
  --auth-bg-color-light-only: #f3f4f6;
  --auth-card-bg: #ffffff;
  --auth-card-bg-light-only: #ffffff;
  --auth-label-text-light-only: #374151;
  --auth-input-border-light-only: #d1d5db;
  --auth-input-bg-light-only: #ffffff;
  --auth-input-text-light-only: #111827;
  --auth-border-focus-light-only: #3b82f6;
  --auth-focus-ring-light-only: rgba(59, 130, 246, 0.1);
  --auth-button-bg-light-only: #af3434;
  --auth-button-text-light-only: #ffffff;
  --auth-magic-button-bg-light-only: #e5e7eb;
  --auth-magic-button-text-light-only: #374151;
  --auth-text-primary-light-only: #111827;
  --auth-text-secondary-light-only: #6b7280;
  --text-divider-rule-rgb-light: 229, 231, 235;
  --text-divider-label-rgb-light: 156, 163, 175;
  --tool-subcategory-rule-color-light: #e5e7eb;
  --tool-subcategory-text-color-light: #9ca3af;
}

[data-mantine-color-scheme="dark"] {
  --auth-bg-color-light-only: var(--bg-muted);
  --auth-card-bg: var(--bg-surface);
  --auth-card-bg-light-only: var(--bg-surface);
  --auth-label-text-light-only: var(--text-secondary);
  --auth-input-border-light-only: var(--border-default);
  --auth-input-bg-light-only: var(--bg-raised);
  --auth-input-text-light-only: var(--text-primary);
  --auth-border-focus-light-only: #3b82f6;
  --auth-focus-ring-light-only: rgba(59, 130, 246, 0.2);
  --auth-button-bg-light-only: #af3434;
  --auth-button-text-light-only: #ffffff;
  --auth-magic-button-bg-light-only: var(--bg-raised);
  --auth-magic-button-text-light-only: var(--text-primary);
  --auth-text-primary-light-only: var(--text-primary);
  --auth-text-secondary-light-only: var(--text-secondary);
  --text-divider-rule-rgb-light: 58, 64, 71;
  --text-divider-label-rgb-light: 107, 114, 128;
  --tool-subcategory-rule-color-light: var(--border-default);
  --tool-subcategory-text-color-light: var(--text-secondary);
}
