/**
 * BreederWorks shared design tokens (theme-invariant + defaults).
 * Theme files under themes/*.css override color tokens via [data-theme].
 * Sex / critical tokens must NOT be overridden by theme files.
 */

:root {
    /* Default theme colors (light) — overridden by theme stylesheets */
    --primary-color: #3b82f6;
    --primary-dark: #2563eb;
    --primary-light: #60a5fa;
    --secondary-color: #64748b;
    --background: #ffffff;
    --surface: #f9fafb;
    --surface-secondary: #f3f4f6;
    --text-primary: #111827;
    --text-secondary: #4b5563;
    --text-muted: #6b7280;
    --border-color: #d1d5db;
    --border-light: #e5e7eb;
    --nav-sidebar-bg: #1f2937;
    --nav-sidebar-text: #f9fafb;
    --nav-sidebar-hover: #374151;
    --input-bg: #ffffff;
    --input-border: #9ca3af;
    --input-text: #111827;
    --button-bg: #ffffff;
    --button-border: #9ca3af;
    --button-text: #374151;
    --button-hover: #f3f4f6;
    --error-color: #ef4444;
    --success-color: #10b981;
    --warning-color: #f59e0b;
    --info-color: #3b82f6;

    --primary: var(--primary-color);
    --card: #ffffff;
    --card-bg: var(--card);
    --border: var(--border-color);
    --radius: 8px;
    --surface-hover: #e5e7eb;
    --background-hover: #f3f4f6;

    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;

    /* Theme-invariant: biological sex indicators (never remapped by themes) */
    --sex-male: #2196f3;
    --sex-female: #e91e63;

    /* Theme-invariant critical / danger accent (distinct from themed --error-color when needed) */
    --critical-color: #c62828;
}