/**
 * F-EVENT design tokens — modern light / premium wedding SaaS.
 * Единственный источник палитры; подключать перед app.css.
 */
:root {
  /* Фон и поверхности: чистая современная база */
  --fe-bg: #ffffff;
  --fe-surface: rgba(255, 255, 255, 0.96);
  --fe-surface-elevated: #ffffff;

  --fe-text: #202631;
  --fe-muted: #667085;
  --fe-border: #d8e0ea;
  --fe-border-subtle: #edf1f6;

  /* Нежный розовый акцент без тяжёлых градиентов */
  --fe-accent: #e85d86;
  --fe-accent-hover: #d84c76;
  --fe-accent-soft: #fde8ef;
  --fe-accent-fg: #ffffff;
  --fe-success: #4f9d69;
  --fe-danger: #c65b5b;

  /* Тени: воздушные, без тяжёлого админского ощущения */
  --fe-shadow-sm: 0 1px 2px rgba(45, 38, 48, 0.04);
  --fe-shadow: 0 14px 36px rgba(45, 38, 48, 0.07);
  --fe-shadow-lg: 0 20px 52px rgba(45, 38, 48, 0.10);
  --fe-shadow-btn: 0 8px 20px rgba(232, 93, 134, 0.16);
  --fe-shadow-btn-hover: 0 12px 28px rgba(232, 93, 134, 0.22);

  --fe-overlay: rgba(46, 43, 41, 0.5);

  --fe-radius-sm: 4px;
  --fe-radius: 8px;
  --fe-radius-lg: 12px;
  --fe-radius-pill: 8px;

  --fe-font: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, sans-serif;
  --fe-font-weight-body: 400;
  --fe-font-weight-medium: 500;
  --fe-font-weight-heading: 600;
  --fe-hero-weight: 500;

  --fe-space-xs: 0.25rem;
  --fe-space-sm: 0.5rem;
  --fe-space-md: 1rem;
  --fe-space-lg: 1.5rem;
  --fe-space-xl: 2.5rem;

  --fe-font-size-sm: 0.875rem;
  --fe-font-size-base: 1rem;
  --fe-line-tight: 1.35;
  --fe-line-relaxed: 1.58;
  --fe-transition: 0.18s ease;
  --fe-transition-fast: 0.12s ease;
}

.fe-btn:focus-visible,
.fe-form input:focus-visible,
.fe-form textarea:focus-visible,
.fe-form select:focus-visible,
.fe-nav a:focus-visible,
.fe-chip:focus-visible,
.fe-cat-card:focus-visible,
.fe-card:focus-visible {
  outline: 2px solid var(--fe-accent);
  outline-offset: 2px;
}