:root {
  --ec-color-background: #000000;
  --ec-color-surface: #050505;
  --ec-color-surface-elevated: #0a0a0a;
  --ec-color-text: #ffffff;
  --ec-color-text-muted: rgba(255, 255, 255, 0.75);
  --ec-color-text-subtle: rgba(255, 255, 255, 0.55);
  --ec-color-text-faint: rgba(255, 255, 255, 0.35);
  --ec-color-border: rgba(255, 255, 255, 0.35);
  --ec-color-border-subtle: rgba(255, 255, 255, 0.18);
  --ec-color-accent: #b68a35;
  --ec-color-accent-hover: #96712b;
  --ec-color-success: #25d366;
  --ec-color-danger: #c5221f;
  --ec-font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ec-font-size-body: 1rem;
  --ec-line-height-body: 1.7;
  --ec-font-size-section-heading: clamp(2rem, 5vw, 2.875rem);
  --ec-font-size-item-heading: 1.3125rem;
  --ec-font-size-eyebrow: 0.8125rem;
  --ec-font-size-button: 0.75rem;
  --ec-tracking-none: 0;
  --ec-tracking-item: 0.095em;
  --ec-tracking-heading: 0.22em;
  --ec-tracking-button: 0.25em;
  --ec-space-xs: 0.25rem;
  --ec-space-sm: 0.5rem;
  --ec-space-md: 1rem;
  --ec-space-lg: 1.5rem;
  --ec-space-xl: 2rem;
  --ec-space-2xl: 3rem;
  --ec-space-3xl: 4rem;
  --ec-space-section-mobile: 4rem;
  --ec-space-section-desktop: 7.5rem;
  --ec-space-container-inline: 5%;
  --ec-radius-none: 0;
  --ec-radius-sm: 0;
  --ec-radius-md: 0;
  --ec-radius-round: 999px;
  --ec-shadow-none: none;
  --ec-shadow-floating: 0 4px 20px rgba(0, 0, 0, 0.3);
}