/*
 * ChurchOS Build 45 semantic visual tokens.
 *
 * These values mirror contracts/churchos_service_experience/v1/tokens.json.
 * Surface-specific stylesheets may provide layout, but must alias color,
 * spacing, radius, typography, focus, state, and motion values from here.
 */
:root {
  --color-canvas: #F4F1EA;
  --color-surface: #FFFDF8;
  --color-ink: #1B2420;
  --color-muted: #405047;
  --color-action: #1F5E49;
  --color-action-soft: #E2EAE5;
  --color-warm: #FFF4E7;
  --color-border: #CFC8BC;
  --color-focus: #0F766E;
  --state-live: #B42318;
  --state-attention: #A15C00;
  --state-positive: #23724E;

  --space-xs: 0.375rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.25rem;
  --space-xxl: 3.5rem;

  --radius-control: 0.75rem;
  --radius-card: 1.25rem;
  --radius-media: 1.5rem;
  --radius-pill: 999px;

  --font-display: ui-serif, Georgia, serif;
  --font-body: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

  --motion-fast: 120ms;
  --motion-normal: 220ms;

  /* Web-only, from the ChurchOS 2.0 design package; not (yet) in the shared
     contract, so the iOS copy and SwiftUI do not carry them. */
  --color-faint: #6B7670;
}