/* ==========================================================================
   1. Industrial Design Tokens & Custom Properties
   ========================================================================== */
:root {
  /* Brand Identity & Precision Cyan */
  --epna-cyan: #1CF9F9;
  --epna-cyan-dark: #12c2c2;
  --epna-cyan-light: #67fafb;
  --epna-cyan-glow: rgba(28, 249, 249, 0.25);
  --epna-cyan-subtle: rgba(28, 249, 249, 0.08);

  /* Industrial Deep Slaters & Surfaces */
  --epna-dark: #0f172a;
  --epna-dark-surface: #131d31;
  --epna-dark-card: #18233c;
  --epna-dark-elevated: #1e293b;

  /* Structural Slate Grayscale */
  --epna-slate: #1e293b;
  --epna-slate-light: #334155;
  --epna-slate-border: #384559;
  --epna-slate-divider: rgba(255, 255, 255, 0.08);

  /* Neutral & Supporting Grays */
  --epna-gray: #64748b;
  --epna-gray-light: #94a3b8;
  --epna-gray-muted: #cbd5e1;
  --epna-light: #f8fafc;
  --epna-white: #ffffff;

  /* Functional Status Colors */
  --epna-accent: #0ea5e9;
  --epna-success: #10b981;
  --epna-warning: #f59e0b;
  --epna-danger: #ef4444;

  /* Typography Stacks */
  --epna-font-farsi: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Tahoma, sans-serif;
  --epna-font-latin: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --epna-font-mono: 'JetBrains Mono', 'SFMono-Regular', Menlo, Monaco, Consolas, monospace;

  /* Spacing Scale */
  --epna-space-2xs: 0.125rem;
  --epna-space-xs: 0.25rem;
  --epna-space-sm: 0.5rem;
  --epna-space-md: 1rem;
  --epna-space-lg: 1.5rem;
  --epna-space-xl: 2rem;
  --epna-space-2xl: 3rem;
  --epna-space-3xl: 4.5rem;
  --epna-space-4xl: 6rem;

  /* Layout Boundaries */
  --epna-content-width: 1240px;
  --epna-narrow-width: 860px;
  --epna-header-height: 76px;

  /* Radius Scale */
  --epna-radius-xs: 2px;
  --epna-radius-sm: 4px;
  --epna-radius-md: 8px;
  --epna-radius-lg: 12px;
  --epna-radius-xl: 16px;
  --epna-radius-full: 9999px;

  /* Elevation & Shadows */
  --epna-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.24);
  --epna-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
  --epna-shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, 0.35), 0 8px 10px -6px rgba(0, 0, 0, 0.25);
  --epna-shadow-glow: 0 0 25px rgba(28, 249, 249, 0.3);
  --epna-shadow-card: 0 4px 20px rgba(0, 0, 0, 0.25);

  /* Transitions */
  --epna-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --epna-transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --epna-transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}