/**
 * ITS Procreation — Global Design Tokens
 * Single source of truth for colors, typography, spacing, and shadows.
 */
:root {
    /* Brand / Primary */
    --color-primary: #667eea;
    --color-primary-dark: #764ba2;
    --color-primary-hover: #5a67d8;
    --gradient-header: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
    --gradient-primary: var(--gradient-header);

    /* Bootstrap-aligned palette */
    --color-secondary: #6c757d;
    --color-success: #28a745;
    --color-success-bright: #10b981;
    --color-danger: #dc3545;
    --color-danger-bright: #ef4444;
    --color-warning: #ffc107;
    --color-info: #17a2b8;
    --color-light: #f8f9fa;
    --color-dark: #343a40;

    /* Neutrals (Tailwind-inspired grays used across pages) */
    --color-text-primary: #1a202c;
    --color-text-secondary: #2d3748;
    --color-text-muted: #718096;
    --color-text-icon: #4a5568;
    --color-border: #e2e8f0;
    --color-border-light: #f1f5f9;
    --color-bg-subtle: #f7fafc;
    --color-bg-table-stripe: #fafafa;
    --color-input-border: #e2e8f0;
    --color-input-focus-ring: rgba(102, 126, 234, 0.1);

    /* Export button colors */
    --color-excel: #16a34a;
    --color-excel-hover: #15803d;
    --color-pdf: #dc2626;
    --color-pdf-hover: #b91c1c;
    --color-print: #0891b2;
    --color-print-hover: #0e7490;

    /* Stat card accents */
    --color-stat-primary: #667eea;
    --color-stat-success: #10b981;
    --color-stat-info: #3b82f6;
    --color-stat-warning: #f59e0b;
    --color-stat-danger: #ef4444;
    --color-stat-purple: #8b5cf6;
    --color-stat-cyan: #06b6d4;
    --color-stat-orange: #f97316;
    --color-stat-green: #22c55e;

    /* Typography */
    --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-family-auth: 'Nunito', var(--font-family-base);
    --font-size-xs: 0.6875rem;
    --font-size-sm: 0.8125rem;
    --font-size-base: 0.9375rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.5rem;
    --font-size-2xl: 2rem;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

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

    /* Border radius */
    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-pill: 1.5rem;
    --radius-full: 50%;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-card: var(--shadow-md);
    --shadow-btn-hover: 0 6px 12px rgba(102, 126, 234, 0.4);

    /* Layout */
    --sidebar-width: 250px;
    --sidebar-width-tablet: 200px;
    --sidebar-width-desktop: 220px;
    --container-max-width: 1400px;

    /* Auth pages */
    --auth-primary: #4e73df;
    --auth-secondary: #f8f9fc;
    --auth-accent: #2e59d9;
    --auth-text: #5a5c69;
}