/* PhotoFlow · photography workbench. The only source of interface colors. */
:root {
  color-scheme: light;
  --color-canvas: #f6f6f4;
  --color-surface: #ffffff;
  --color-surface-subtle: #eeefeb;
  --color-surface-hover: #f3f4f0;
  --color-surface-pressed: #e5e8e2;
  --color-ink: #282c2a;
  --color-ink-secondary: #505650;
  --color-muted: #646c64;
  --color-faint: #70776e;
  --color-border: #e1e4dd;
  --color-border-strong: #8d948c;
  --color-accent: #363f39;
  --color-accent-hover: #252e28;
  --color-accent-soft: #e9ede7;
  --color-focus: #536c5c;
  --color-focus-soft: #536c5c1f;
  --color-success: #3c6955;
  --color-success-soft: #edf4ef;
  --color-warning: #80602b;
  --color-warning-soft: #f7f2e9;
  --color-danger: #a5413d;
  --color-danger-soft: #faf0ee;
  --color-info: #536874;
  --color-info-soft: #eef2f3;
  --color-photo: #1c1e1c;
  --color-photo-toolbar: #282d29;
  --color-on-dark: #f7f8f5;
  --color-on-dark-muted: #bcc5bb;
  --color-overlay: #20251f66;
  --font-ui: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei UI', 'Microsoft YaHei', 'Noto Sans CJK SC', sans-serif;
  --font-numeric: Consolas, 'SFMono-Regular', monospace;
  --text-caption: .8125rem;
  --text-small: .875rem;
  --text-body: .875rem;
  --text-control: .875rem;
  --text-title: 1.375rem;
  --text-section: 1rem;
  --text-subheading: .9375rem;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-strong: 600;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --radius-control: .375rem;
  --radius-panel: .5rem;
  --radius-dialog: .5rem;
  --control-height: 2.75rem;
  --header-height: 3.75rem;
  --sidebar-width: 11.5rem;
  --page-gutter: 1rem;
  --shadow-overlay: 0 .5rem 2rem #20251f14, 0 2px 6px #20251f0d;
  --shadow-header: 0 1px 0 var(--color-border);
  --motion-press: 80ms;
  --motion-fast: 120ms;
  --motion-normal: 160ms;
  --motion-content: 100ms;
  --motion-image: 140ms;
  --motion-enter: 180ms;
  --motion-exit: 120ms;
  --motion-progress: 240ms;
  --motion-spin: 800ms;
  --ease-standard: cubic-bezier(.2, 0, .2, 1);
  --ease-enter: cubic-bezier(.16, 1, .3, 1);
  --motion-reveal-offset: 6px;
  --motion-drawer-offset: -12px;
  /* Compatibility aliases keep the existing business layouts on one system. */
  --ink: var(--color-ink);
  --muted: var(--color-muted);
  --green: var(--color-accent);
  --green-dark: var(--color-accent-hover);
  --pale: var(--color-accent-soft);
  --border: var(--color-border);
  --line: var(--color-border);
  --bg: var(--color-canvas);
  --amber: var(--color-warning);
  --amber-bg: var(--color-warning-soft);
  --shadow: none;
}
@media (min-width: 768px) { :root { --page-gutter: 1.5rem; } }
@media (min-width: 1280px) { :root { --page-gutter: 2rem; } }