/*
 * modern-tokens.css — RailEnquiry.IN Design Token System
 * CSS custom properties for the new design language
 * Load FIRST — all other modern-*.css files consume these variables
 */

:root {
  /* Brand palette */
  --re-primary: #1e3a5f;
  --re-primary-hover: #16304f;
  --re-primary-light: #2d5a9e;
  --re-accent: #f4801a;
  --re-accent-hover: #d96e10;
  --re-accent-light: rgba(244,128,26,0.12);

  /* Surface colors */
  --re-surface: #f8f9fc;
  --re-card: #ffffff;
  --re-border: #e2e6ed;
  --re-border-strong: #c8cfd9;

  /* Text */
  --re-text-primary: #1a2332;
  --re-text-secondary: #4a5568;
  --re-text-muted: #718096;

  /* Status */
  --re-success: #1a9e6e;
  --re-success-bg: rgba(26,158,110,0.10);
  --re-warning: #d97706;
  --re-warning-bg: rgba(217,119,6,0.10);
  --re-danger: #dc2626;
  --re-danger-bg: rgba(220,38,38,0.10);
  --re-info: #0369a1;

  /* Typography */
  --re-font: 'Nunito Sans', 'Segoe UI', system-ui, sans-serif;
  --re-font-mono: 'JetBrains Mono', 'Courier New', monospace;

  /* Shape */
  --re-radius-xs: 4px;
  --re-radius-sm: 6px;
  --re-radius-md: 10px;
  --re-radius-lg: 14px;
  --re-radius-xl: 20px;

  /* Shadows */
  --re-shadow-xs: 0 1px 2px rgba(30,58,95,0.06);
  --re-shadow-sm: 0 1px 3px rgba(30,58,95,0.08), 0 1px 2px rgba(30,58,95,0.04);
  --re-shadow-md: 0 4px 12px rgba(30,58,95,0.10), 0 2px 6px rgba(30,58,95,0.06);
  --re-shadow-lg: 0 8px 24px rgba(30,58,95,0.14), 0 4px 12px rgba(30,58,95,0.08);
  --re-shadow-xl: 0 20px 48px rgba(30,58,95,0.18);

  /* Transitions */
  --re-transition-fast: 0.15s ease;
  --re-transition-base: 0.20s ease;
  --re-transition-slow: 0.30s ease;
}