/* Sannad consumer PWA + workspaces. Edit these tokens, not individual pages.
   Canvas is the page background. Surface is the raised card/dialog background.
   The build also derives both PWA manifest backgrounds from canvas-light. */
:root {
  --sannad-canvas-light: 0 0% 100%; /* ONE LINE: background across the full app */
  --sannad-canvas-dark: 171 40% 5.5%;
  --sannad-sidebar-light: 0 0% 100%; /* White expanded panel and icon rail */
  --sannad-sidebar-selected-light: 171 24% 91%;
  --sannad-surface-light: 0 0% 100%;
  --sannad-surface-dark: 171 30% 9%;
  --sannad-ink-light: 171 64% 12%;
  --sannad-ink-dark: 43 22% 93%;
  --sannad-muted-ink-light: 168 14% 36%;
  --sannad-muted-ink-dark: 168 10% 68%;
  --sannad-quiet-light: 36 20% 94%;
  --sannad-quiet-dark: 171 20% 12%;
  --sannad-line-light: 36 20% 90%;
  --sannad-line-dark: 171 18% 22%;
  --sannad-primary-light: 171 64% 14%;
  --sannad-primary-dark: 43 25% 95%;
  --sannad-on-primary-light: 43 30% 97%;
  --sannad-on-primary-dark: 171 60% 10%;
  --sannad-font-sans: 'Noto Sans Arabic', system-ui, -apple-system, sans-serif;
  --sannad-radius-card: 16px;
  --sannad-radius-control: 12px;
  --sannad-radius-sheet: 24px;
  --sannad-space-unit: 4px;
  --sannad-page-gutter: 32px;
  --sannad-section-gap: 24px;
  --sannad-control-height: 48px;
  --sannad-assistant-clearance: 80px; /* Keep portal Save actions clear of the floating assistant. */
  --sannad-shadow-card: 0 1px 2px rgb(13 59 52 / 3%), 0 8px 24px -16px rgb(13 59 52 / 14%);
  --sannad-shadow-sidebar: 0 4px 28px -12px rgb(13 59 52 / 18%);
  --sannad-shadow-sheet: 0 12px 64px -24px rgb(13 59 52 / 22%);
  --sannad-canvas: var(--sannad-canvas-light);
  --sannad-surface: var(--sannad-surface-light);
  --sannad-ink: var(--sannad-ink-light);
  --sannad-muted-ink: var(--sannad-muted-ink-light);
  --sannad-quiet: var(--sannad-quiet-light);
  --sannad-line: var(--sannad-line-light);
  --sannad-primary: var(--sannad-primary-light);
  --sannad-on-primary: var(--sannad-on-primary-light);
}
:root.dark {
  --sannad-canvas: var(--sannad-canvas-dark);
  --sannad-surface: var(--sannad-surface-dark);
  --sannad-ink: var(--sannad-ink-dark);
  --sannad-muted-ink: var(--sannad-muted-ink-dark);
  --sannad-quiet: var(--sannad-quiet-dark);
  --sannad-line: var(--sannad-line-dark);
  --sannad-primary: var(--sannad-primary-dark);
  --sannad-on-primary: var(--sannad-on-primary-dark);
}