/* Easy Directory: Pro Design System Variables */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  /* Brand & Theme Colors */
  --ed-primary: #2563eb;
  --ed-primary-hover: #1d4ed8;
  --ed-primary-rgb: 37, 99, 235;
  --ed-primary-hover-rgb: 29, 78, 216;
  --ed-primary-light: #eff6ff;
  --ed-primary-subtle: rgba(var(--ed-primary-rgb), 0.08);
  --ed-primary-border: #bfdbfe;
  --ed-on-primary: #ffffff;

  --ed-accent: #0284c7;
  --ed-accent-light: #f0f9ff;

  --ed-success: #10b981;
  --ed-success-hover: #059669;
  --ed-success-light: #ecfdf5;
  --ed-success-border: #a7f3d0;

  --ed-warning: #f59e0b;
  --ed-warning-light: #fffbeb;

  --ed-danger: #ef4444;
  --ed-danger-light: #fef2f2;

  /* Surfaces & Backgrounds */
  --ed-bg: #f8fafc;
  --ed-surface: #ffffff;
  --ed-surface-alt: #f1f5f9;
  --ed-surface-muted: #e2e8f0;
  --ed-glass-bg: rgba(255, 255, 255, 0.88);
  --ed-glass-border: rgba(255, 255, 255, 0.3);

  /* Typography Colors */
  --ed-text: #0f172a;
  --ed-text-rgb: 15, 23, 42;
  --ed-text-body: #334155;
  --ed-text-muted: #64748b;
  --ed-text-light: #94a3b8;

  /* Borders & Dividers */
  --ed-border: #e2e8f0;
  --ed-border-hover: #cbd5e1;
  --ed-border-focus: #93c5fd;

  /* Typography */
  --ed-font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ed-font-size-2xs: 0.6875rem;
  --ed-font-size-xs: 0.75rem;
  --ed-font-size-sm: 0.84375rem;
  --ed-font-size-base: 0.9375rem;
  --ed-font-size-md: 1.0625rem;
  --ed-font-size-lg: 1.25rem;
  --ed-font-size-xl: 1.5rem;
  --ed-font-size-2xl: 1.875rem;
  --ed-font-size-3xl: 2.25rem;
  --ed-font-size-4xl: 2.75rem;

  /* Spacing Scale */
  --ed-space-1: 0.25rem;
  --ed-space-2: 0.5rem;
  --ed-space-3: 0.75rem;
  --ed-space-4: 1rem;
  --ed-space-5: 1.25rem;
  --ed-space-6: 1.5rem;
  --ed-space-8: 2rem;
  --ed-space-10: 2.5rem;
  --ed-space-12: 3rem;
  --ed-space-16: 4rem;

  /* Default Border Radii: Modern Subtle / Balanced */
  --ed-radius-xs: 2px;
  --ed-radius-sm: 4px;
  --ed-radius-md: 6px;
  --ed-radius-lg: 8px;
  --ed-radius-xl: 10px;
  --ed-radius-2xl: 12px;
  --ed-radius-full: 9999px;
  --ed-radius-icon: 50%;

  /* Shadows */
  --ed-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --ed-shadow-card-hover: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
  --ed-shadow-xs: 0 1px 2px 0 rgba(var(--ed-text-rgb), 0.04);
  --ed-shadow-sm: 0 1px 3px 0 rgba(var(--ed-text-rgb), 0.06), 0 1px 2px -1px rgba(var(--ed-text-rgb), 0.04);
  --ed-shadow-md: 0 4px 6px -1px rgba(var(--ed-text-rgb), 0.07), 0 2px 4px -2px rgba(var(--ed-text-rgb), 0.04);
  --ed-shadow-lg: 0 10px 15px -3px rgba(var(--ed-text-rgb), 0.08), 0 4px 6px -4px rgba(var(--ed-text-rgb), 0.03);
  --ed-shadow-xl: 0 20px 25px -5px rgba(var(--ed-text-rgb), 0.1), 0 8px 10px -6px rgba(var(--ed-text-rgb), 0.04);
  --ed-shadow-hover: 0 14px 28px -4px rgba(var(--ed-text-rgb), 0.12), 0 6px 10px -4px rgba(var(--ed-text-rgb), 0.06);

  /* Transitions */
  --ed-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --ed-transition-base: 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --ed-transition-smooth: 350ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Layout Sizes */
  --ed-container-max: 1280px;
  --ed-filter-bar-height: 64px;
  --ed-card-media-height: 220px;
}

/* Corner Mode: Squared (Crisp / Structured / Editorial Mode) */
:root[data-corner="squared"],
body[data-corner="squared"],
.ed-squared {
  --ed-radius-xs: 2px;
  --ed-radius-sm: 3px;
  --ed-radius-md: 4px;
  --ed-radius-lg: 6px;
  --ed-radius-xl: 6px;
  --ed-radius-2xl: 8px;
  --ed-radius-full: 4px;
  --ed-radius-icon: 4px;
}

/* Corner Mode: Rounded (Soft / Pill Modern Mode) */
:root[data-corner="rounded"],
body[data-corner="rounded"],
.ed-rounded {
  --ed-radius-xs: 2px;
  --ed-radius-sm: 4px;
  --ed-radius-md: 6px;
  --ed-radius-lg: 8px;
  --ed-radius-xl: 10px;
  --ed-radius-2xl: 12px;
  --ed-radius-full: 9999px;
  --ed-radius-icon: 50%;
}