/* FeedLuma shared design tokens. See STYLE-GUIDE.md for usage. */
:root {
  --fl-bg: #faf8f4;
  --fl-surface: #ffffff;
  --fl-ink: #202521;
  --fl-muted: #62685f;
  --fl-border: #e2e3dc;
  --fl-control-border: #858b81;
  --fl-orange: #f16a3d;
  --fl-orange-hover: #eb6033;
  --fl-link: #a93413;
  --fl-selected: #fcebe4;
  --fl-sage: #9bb38a;
  --fl-success: #31573a;
  --fl-success-bg: #eaf2e7;
  --fl-warning: #79500b;
  --fl-warning-bg: #fff4dc;
  --fl-danger: #a12e25;
  --fl-danger-bg: #fdece9;
  --fl-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fl-space-1: 4px;
  --fl-space-2: 8px;
  --fl-space-3: 12px;
  --fl-space-4: 16px;
  --fl-space-6: 24px;
  --fl-space-8: 32px;
  --fl-space-12: 48px;
  --fl-space-16: 64px;
  --fl-radius-control: 8px;
  --fl-radius-card: 12px;
  --fl-radius-pill: 999px;
  --fl-control-height: 44px;
  --fl-sidebar-width: 240px;
  --fl-focus-ring: 2px solid var(--fl-ink);
  --fl-focus-offset: 3px;
  --fl-motion: 150ms;
}
@media (prefers-reduced-motion: reduce) {
  :root { --fl-motion: 0ms; }
}