/* Friveloop Design System 1.1. Reference tokens; not imported globally by the application. */
:root {
  --fl-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --fl-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Consolas, monospace;
  --fl-bg: #eef3f8;
  --fl-surface: #ffffff;
  --fl-surface-subtle: #f8fafc;
  --fl-surface-selected: #edf5fc;
  --fl-border: #dce6ef;
  --fl-divider: #e7eef5;
  --fl-heading: #173c5e;
  --fl-text: #355b78;
  --fl-muted: #60758a;
  --fl-primary: #0f6fbd;
  --fl-primary-hover: #0b5fa5;
  --fl-on-primary: #ffffff;
  --fl-hero-start: #0f172a;
  --fl-hero-end: #14375c;
  --fl-hero-text: #e2e8f0;
  --fl-hero-accent: #7dd3fc;
  --fl-success: #217565;
  --fl-success-bg: #edf8f4;
  --fl-warning: #8a6119;
  --fl-warning-bg: #fff8e9;
  --fl-danger: #a9445a;
  --fl-danger-bg: #fff1f4;
  --fl-info: #246b9c;
  --fl-info-bg: #edf6ff;
  --fl-neutral: #5b6f82;
  --fl-neutral-bg: #f0f4f7;
  --fl-purple: #7346a1;
  --fl-purple-bg: #f4eefb;
  --fl-space-1: 4px;
  --fl-space-2: 8px;
  --fl-space-3: 12px;
  --fl-space-4: 16px;
  --fl-space-5: 20px;
  --fl-space-6: 24px;
  --fl-space-8: 32px;
  --fl-space-10: 40px;
  --fl-space-12: 48px;
  --fl-page-padding: 20px;
  --fl-panel-padding: 24px;
  --fl-layout-gap: 20px;
  --fl-aside-width: 320px;
  --fl-radius-badge: 6px;
  --fl-radius-control: 8px;
  --fl-radius-panel: 12px;
  --fl-control-height: 40px;
  --fl-control-compact: 36px;
  --fl-directory-search-width: 520px;
  --fl-touch-target: 44px;
  --fl-detail-scroll: 500px;
  --fl-form-width: 960px;
  --fl-dialog-width: 470px;
  --fl-editor-width: 640px;
  --fl-email-preview-wide: 720px;
  --fl-email-preview-mobile: 375px;
  --fl-email-preview-height: 620px;
  --fl-email-editor-height: 260px;
  --fl-drawer-width: 480px;
  --fl-cell-padding-y: 16px;
  --fl-field-gap: 8px;
  --fl-avatar-size: 32px;
  --fl-icon-size: 18px;
  --fl-line-height: 1.65;
  --fl-weight-regular: 400;
  --fl-weight-medium: 600;
  --fl-weight-bold: 700;
  --fl-text-xs: 11px;
  --fl-text-sm: 12px;
  --fl-text-base: 13px;
  --fl-text-body: 14px;
  --fl-text-section: 19px;
  --fl-text-side: 16px;
  --fl-text-hero: clamp(25px, 3vw, 38px);
  --fl-text-total: clamp(26px, 2.3vw, 32px);
  --fl-shadow-panel: 0 5px 24px #183c600a;
  --fl-shadow-overlay: 0 24px 80px #0e254e26;
  --fl-focus: 0 0 0 3px #0f6fbd33;
  --fl-duration: 160ms;
  --fl-z-sticky: 10;
  --fl-z-menu: 100;
  --fl-z-modal: 12000;
  --fl-z-toast: 13000;
}
@media (max-width: 640px) {
  :root { --fl-page-padding: 16px; --fl-panel-padding: 18px; --fl-layout-gap: 16px; }
}