/* webapp/static/css/variables.css */
/* LITSYNC DESIGN 2026.2 / APPLE WORKSPACE TOKENS */
:root {
  --bg-canvas: #f5f5f7;
  --bg-surface: #ffffff;
  --bg-field: #ededf0;
  --bg-hover: #e7e7ec;
  --bg-selected: #e2e2e8;
  --bg-scrim: rgba(29, 29, 31, 0.42);

  --text-primary: #1d1d1f;
  --text-secondary: #616166;
  --text-subtle: #86868b;
  --text-inverse: #ffffff;

  --accent-primary: #1d1d1f;
  --accent-hover: #333336;
  --accent-soft: #e8e8ed;

  --divider: #d8d8de;

  --status-green: #1d7d3f;
  --status-orange: #c96400;
  --status-red: #d93025;

  --shell-inset: 16px;
  --sidebar-width: 224px;
  --sidebar-padding: 12px;
  --page-gap: 24px;
  --group-gap: 20px;
  --field-gap: 12px;
  --related-gap: 6px;
  --joined-gap: 3px;

  --control-height: 36px;
  --control-compact: 32px;
  --table-row-height: 44px;

  --radius-joined: 4px;
  --radius-control: 10px;
  --radius-surface: 20px;

  --shadow-island: 0 8px 28px rgba(0, 0, 0, 0.08);

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur-fast: 100ms;
  --dur-reveal: 180ms;
  --dur-modal: 200ms;
}

[data-theme="dark"] {
  --bg-canvas: #111113;
  --bg-surface: #1c1c1e;
  --bg-field: #2c2c2e;
  --bg-hover: #363638;
  --bg-selected: #404044;
  --bg-scrim: rgba(0, 0, 0, 0.65);

  --text-primary: #f5f5f7;
  --text-secondary: #98989d;
  --text-subtle: #6e6e73;
  --text-inverse: #1d1d1f;

  --accent-primary: #f5f5f7;
  --accent-hover: #e5e5ea;
  --accent-soft: #2c2c2e;

  --divider: #323236;

  --status-green: #32d74b;
  --status-orange: #ff9f0a;
  --status-red: #ff453a;

  --shadow-island: 0 8px 28px rgba(0, 0, 0, 0.36);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;
    --dur-reveal: 0ms;
    --dur-modal: 0ms;
  }
}