/**
 * Legal Editorial Design System
 * CSS Custom Properties
 */

:root {
  /* ===== COLOR PALETTE ===== */

  /* Primary - Deep Counsel Blue */
  --le-primary: #1e3a5f;
  --le-primary-light: #2d4a6f;
  --le-primary-dark: #0f2847;

  /* Accent - Library Brass */
  --le-accent: #b8860b;
  --le-accent-light: #d4a017;
  --le-accent-muted: #8b6914;

  /* Backgrounds - Parchment & Mahogany */
  --le-bg-primary: #faf8f5;
  --le-bg-secondary: #f5f2ed;
  --le-bg-tertiary: #ebe7e0;
  --le-bg-dark: #2c2420;

  /* Text */
  --le-text: #2c2420;
  --le-text-secondary: #5c534a;
  --le-text-tertiary: #8a817a;
  --le-text-inverse: #faf8f5;
  --le-secondary-text: grey;

  /* Links */
  --le-link: #4a7096;

  /* Semantic */
  --le-success: #2e7d32;
  --le-success-bg: #e8f5e9;
  --le-warning: #b8860b;
  --le-warning-bg: #fff8e1;
  --le-error: #c62828;
  --le-error-bg: #ffebee;
  --le-info: #1565c0;
  --le-info-bg: #e3f2fd;

  /* Borders */
  --le-border: #d4cfc7;
  --le-border-light: #e8e4dc;
  --le-border-dark: #a69d94;

  /* ===== TYPOGRAPHY ===== */
  --le-font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --le-font-body: 'Source Serif Pro', Georgia, serif;
  --le-font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Type Scale */
  --le-text-xs: 0.75rem;
  --le-text-sm: 0.875rem;
  --le-text-base: 1rem;
  --le-text-lg: 1.125rem;
  --le-text-xl: 1.25rem;
  --le-text-2xl: 1.5rem;
  --le-text-3xl: 1.875rem;
  --le-text-4xl: 2.25rem;
  --le-text-5xl: 3rem;

  /* Line Heights */
  --le-leading-tight: 1.2;
  --le-leading-snug: 1.375;
  --le-leading-normal: 1.5;
  --le-leading-relaxed: 1.7;

  /* ===== SPACING ===== */
  --le-space-1: 0.25rem;
  --le-space-2: 0.5rem;
  --le-space-3: 0.75rem;
  --le-space-4: 1rem;
  --le-space-5: 1.25rem;
  --le-space-6: 1.5rem;
  --le-space-8: 2rem;
  --le-space-10: 2.5rem;
  --le-space-12: 3rem;
  --le-space-16: 4rem;
  --le-space-20: 5rem;
  --le-space-24: 6rem;
  --le-space-32: 8rem;

  /* ===== CONTAINERS ===== */
  --le-container-xs: 36rem;
  --le-container-sm: 42rem;
  --le-container-md: 48rem;
  --le-container-lg: 64rem;
  --le-container-xl: 80rem;

  /* ===== RADII & SHADOWS ===== */
  --le-radius-sm: 2px;
  --le-radius-md: 4px;
  --le-radius-lg: 6px;

  --le-shadow-sm: 0 1px 2px rgba(44, 36, 32, 0.06);
  --le-shadow-md: 0 4px 8px rgba(44, 36, 32, 0.08);
  --le-shadow-lg: 0 8px 24px rgba(44, 36, 32, 0.12);

  /* ===== ANIMATION EASING ===== */
  --le-ease-elegant: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --le-ease-reveal: cubic-bezier(0.16, 1, 0.3, 1);
  --le-ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ===== TRANSITIONS ===== */
  --le-transition-fast: 0.15s var(--le-ease-elegant);
  --le-transition-base: 0.2s var(--le-ease-elegant);
  --le-transition-slow: 0.3s var(--le-ease-elegant);
  --le-transition-reveal: 1s var(--le-ease-reveal);
}