/* WinFactory 2.0 design system — tokens (seed, Phase 1.1).
   Every screen uses these variables; no screen defines its own colours or spacing.
   Logical properties only (inline-start/end, block-start/end) so dir="rtl" needs no overrides. */
:root {
  color-scheme: light dark;

  /* brand-neutral palette; tenant branding (ADR-002 branding jsonb) overrides --wf-brand-* at runtime */
  --wf-brand: #0f6e56;
  --wf-brand-strong: #0b5542;
  --wf-brand-soft: #e1f5ee;

  --wf-bg: #f7f8f9;
  --wf-surface: #ffffff;
  --wf-surface-2: #eef1f3;
  --wf-border: #d5dadf;
  --wf-text: #1b1f23;
  --wf-text-muted: #5b6670;
  --wf-danger: #b42318;
  --wf-warning: #b54708;
  --wf-success: #067647;
  --wf-info: #175cd3;

  --wf-font: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Arabic", "Noto Naskh Arabic", sans-serif;
  --wf-font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
  --wf-fs-sm: 0.875rem;
  --wf-fs-md: 1rem;
  --wf-fs-lg: 1.25rem;
  --wf-fs-xl: 1.75rem;

  --wf-sp-1: 0.25rem;
  --wf-sp-2: 0.5rem;
  --wf-sp-3: 0.75rem;
  --wf-sp-4: 1rem;
  --wf-sp-6: 1.5rem;
  --wf-sp-8: 2rem;

  --wf-radius: 8px;
  --wf-radius-lg: 14px;
  --wf-shadow: 0 1px 2px rgb(0 0 0 / 6%), 0 4px 16px rgb(0 0 0 / 6%);
  --wf-focus: 0 0 0 3px color-mix(in srgb, var(--wf-brand) 35%, transparent);
}

@media (prefers-color-scheme: dark) {
  :root {
    --wf-bg: #111417;
    --wf-surface: #1a1f24;
    --wf-surface-2: #232a30;
    --wf-border: #343c45;
    --wf-text: #e8ecef;
    --wf-text-muted: #9aa5b1;
    --wf-brand-soft: #12302a;
  }
}