/* DnaLims Design System - Tokens */
:root, [data-theme="light"] {
  --dna-primary: #003D82;
  --dna-primary-hover: #002D61;
  --dna-primary-light: #E6EEF7;
  --dna-primary-10: rgba(0, 61, 130, 0.1);
  --dna-primary-30: rgba(0, 61, 130, 0.3);
  --dna-success: #059669;
  --dna-success-bg: rgba(5, 150, 105, 0.08);
  --dna-success-border: rgba(5, 150, 105, 0.3);
  --dna-warning: #D97706;
  --dna-warning-bg: rgba(217, 119, 6, 0.08);
  --dna-warning-border: rgba(217, 119, 6, 0.3);
  --dna-error: #DC2626;
  --dna-error-bg: rgba(220, 38, 38, 0.08);
  --dna-error-border: rgba(220, 38, 38, 0.3);
  --dna-info: #0EA5E9;
  --dna-info-bg: rgba(14, 165, 233, 0.08);
  --dna-info-border: rgba(14, 165, 233, 0.3);
  --dna-muted: #6B7280;
  --dna-muted-bg: rgba(107, 114, 128, 0.08);
  --dna-background: #F9FAFB;
  --dna-surface: #FFFFFF;
  --dna-surface-hover: #F3F4F6;
  --dna-surface-elevated: #FFFFFF;
  --dna-text-primary: #1F2937;
  --dna-text-secondary: #6B7280;
  --dna-text-muted: #9CA3AF;
  --dna-text-inverse: #FFFFFF;
  --dna-border: #E5E7EB;
  --dna-border-strong: #D1D5DB;
  --dna-border-focus: var(--dna-primary);
  --dna-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --dna-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --dna-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --dna-space-xs: 0.25rem;
  --dna-space-sm: 0.5rem;
  --dna-space-md: 1rem;
  --dna-space-lg: 1.5rem;
  --dna-space-xl: 2rem;
  --dna-space-2xl: 3rem;
  --dna-font-family: 'Roboto', 'Segoe UI', sans-serif;
  --dna-font-mono: 'Roboto Mono', 'Consolas', monospace;
  --dna-font-size-xs: 0.75rem;
  --dna-font-size-sm: 0.875rem;
  --dna-font-size-md: 1rem;
  --dna-font-size-lg: 1.125rem;
  --dna-font-size-xl: 1.25rem;
  --dna-font-size-2xl: 1.5rem;
  --dna-font-size-3xl: 2rem;
  --dna-font-weight-normal: 400;
  --dna-font-weight-medium: 500;
  --dna-font-weight-semibold: 600;
  --dna-font-weight-bold: 700;
  --dna-line-height-tight: 1.25;
  --dna-line-height-normal: 1.5;
  --dna-line-height-relaxed: 1.75;
  --dna-radius-sm: 2px;
  --dna-radius-md: 4px;
  --dna-radius-lg: 8px;
  --dna-radius-full: 9999px;
  --dna-transition-fast: 150ms ease;
  --dna-transition-normal: 250ms ease;
  --dna-transition-slow: 350ms ease;
  --dna-z-dropdown: 100;
  --dna-z-sticky: 200;
  --dna-z-modal: 300;
  --dna-z-popover: 400;
  --dna-z-tooltip: 500;
  --dna-input-height: 40px;
  --dna-input-height-dense: 32px;
  --dna-button-height: 40px;
  --dna-button-height-sm: 32px;
  --dna-table-row-height: 48px;
  --dna-table-row-height-dense: 36px;
  --dna-well-empty: #E5E7EB;
  --dna-well-filled: var(--dna-success);
  --dna-well-current: var(--dna-primary);
  --dna-well-control: var(--dna-info);
  --dna-well-error: var(--dna-error);
  --dna-well-skipped: var(--dna-warning);
  --dna-stage-complete: var(--dna-success);
  --dna-stage-current: var(--dna-warning);
  --dna-stage-pending: var(--dna-border);
}

[data-theme="dark"] {
  --dna-primary: #4A90D9;
  --dna-primary-hover: #5CA0E9;
  --dna-primary-light: #1E3A5F;
  --dna-primary-10: rgba(74, 144, 217, 0.15);
  --dna-primary-30: rgba(74, 144, 217, 0.35);
  --dna-success: #34D399;
  --dna-success-bg: rgba(52, 211, 153, 0.15);
  --dna-success-border: rgba(52, 211, 153, 0.4);
  --dna-warning: #FBBF24;
  --dna-warning-bg: rgba(251, 191, 36, 0.15);
  --dna-warning-border: rgba(251, 191, 36, 0.4);
  --dna-error: #F87171;
  --dna-error-bg: rgba(248, 113, 113, 0.15);
  --dna-error-border: rgba(248, 113, 113, 0.4);
  --dna-info: #38BDF8;
  --dna-info-bg: rgba(56, 189, 248, 0.15);
  --dna-info-border: rgba(56, 189, 248, 0.4);
  --dna-muted: #9CA3AF;
  --dna-muted-bg: rgba(156, 163, 175, 0.15);
  --dna-background: #111827;
  --dna-surface: #1F2937;
  --dna-surface-hover: #374151;
  --dna-surface-elevated: #374151;
  --dna-text-primary: #F9FAFB;
  --dna-text-secondary: #D1D5DB;
  --dna-text-muted: #9CA3AF;
  --dna-text-inverse: #1F2937;
  --dna-border: #374151;
  --dna-border-strong: #4B5563;
  --dna-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --dna-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
  --dna-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
  --dna-well-empty: #374151;
}

[data-theme="high-contrast"] {
  --dna-primary: #0066CC;
  --dna-primary-hover: #0052A3;
  --dna-success: #006644;
  --dna-success-bg: rgba(0, 102, 68, 0.1);
  --dna-warning: #8B4000;
  --dna-warning-bg: rgba(139, 64, 0, 0.1);
  --dna-error: #B30000;
  --dna-error-bg: rgba(179, 0, 0, 0.1);
  --dna-info: #005A8C;
  --dna-info-bg: rgba(0, 90, 140, 0.1);
  --dna-background: #FFFFFF;
  --dna-surface: #FFFFFF;
  --dna-surface-hover: #F0F0F0;
  --dna-text-primary: #000000;
  --dna-text-secondary: #333333;
  --dna-text-muted: #666666;
  --dna-border: #999999;
  --dna-border-strong: #666666;
  --dna-input-height: 48px;
  --dna-input-height-dense: 40px;
  --dna-button-height: 48px;
  --dna-button-height-sm: 40px;
}

.dna-text-success { color: var(--dna-success) !important; }
.dna-text-warning { color: var(--dna-warning) !important; }
.dna-text-error { color: var(--dna-error) !important; }
.dna-text-info { color: var(--dna-info) !important; }
.dna-text-muted { color: var(--dna-text-muted) !important; }
.dna-bg-success { background: var(--dna-success-bg) !important; }
.dna-bg-warning { background: var(--dna-warning-bg) !important; }
.dna-bg-error { background: var(--dna-error-bg) !important; }
.dna-bg-info { background: var(--dna-info-bg) !important; }
.dna-mt-sm { margin-top: var(--dna-space-sm) !important; }
.dna-mt-md { margin-top: var(--dna-space-md) !important; }
.dna-mt-lg { margin-top: var(--dna-space-lg) !important; }
.dna-mb-sm { margin-bottom: var(--dna-space-sm) !important; }
.dna-mb-md { margin-bottom: var(--dna-space-md) !important; }
.dna-mb-lg { margin-bottom: var(--dna-space-lg) !important; }
.dna-p-sm { padding: var(--dna-space-sm) !important; }
.dna-p-md { padding: var(--dna-space-md) !important; }
.dna-p-lg { padding: var(--dna-space-lg) !important; }
.dna-font-normal { font-weight: var(--dna-font-weight-normal) !important; }
.dna-font-medium { font-weight: var(--dna-font-weight-medium) !important; }
.dna-font-semibold { font-weight: var(--dna-font-weight-semibold) !important; }
.dna-font-bold { font-weight: var(--dna-font-weight-bold) !important; }
.dna-mono { font-family: var(--dna-font-mono) !important; }