/* ==========================================================================
   THEME VARIABLES
   ========================================================================== */
:root {
  --ep-bg: #ffffff;
  --ep-bg-alt: #f4f7fb;
  --ep-surface: #ffffff;
  
  /* Borders */
  --ep-border: #d1dbe6;
  --ep-border-strong: #a8b8cc;
  
  /* Typography */
  --ep-text: #142033;
  --ep-text-soft: #4f6074;
  --ep-font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  
  /* Brand Colors */
  --ep-primary: #072f66;
  --ep-primary-rgb: 7, 47, 102;
  --ep-primary-accent: #0a3f82;
  --ep-primary-soft: #d9e5f7;
  --ep-accent: #072f66;
  
  /* Status Colors */
  --ep-danger: #c62828;
  --ep-warning: #a46816;
  --ep-success: #0d6a43;
  
  /* Dimensions & Spacing */
  --ep-radius-xs: 3px;
  --ep-radius-sm: 6px;
  --ep-radius-md: 10px;
  --ep-radius-lg: 16px;
  
  /* Effects */
  --ep-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 0 0 1px rgba(0, 0, 0, .02);
  --ep-shadow-md: 0 4px 12px rgba(15, 23, 42, .08);
  --ep-shadow-lg: 0 10px 28px -4px rgba(15, 23, 42, .15), 0 6px 12px -6px rgba(15, 23, 42, .08);
  --ep-focus: 0 0 0 3px rgba(var(--ep-primary-rgb), .32);
  --ep-gradient-primary: linear-gradient(135deg, #072f66, #0a3f82 55%, #0f4f9d);
}