/* Shared visual foundation for the board, workspace and account pages. */
:root {
  --color-page: #F7F5FA;
  --color-surface: #FFFFFF;
  --color-surface-soft: #F2EDF7;
  --color-ink: #30283C;
  --color-secondary: #584A65;
  --color-muted: #6D5D79;
  --color-border: #DFD6E7;
  --color-brand: #73558A;
  --color-brand-hover: #5D4173;
  --color-lavender: #EEE6F8;
  --color-mint: #E3F0E7;
  --color-mint-ink: #3F624A;
  --color-peach: #FFF0DE;
  --color-peach-ink: #775D43;
  --font-interface: "Segoe UI Variable", "Segoe UI", Inter, system-ui, -apple-system, Arial, sans-serif;
  --shadow-control: 0 2px 8px #49305D0D;
  --shadow-panel: 0 8px 28px #49305D12;
}
button, input, textarea, select { font-family: var(--font-interface); }
button, input, textarea, select, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, a:focus-visible {
  outline: 3px solid var(--color-brand); outline-offset: 3px;
}
button:disabled { cursor: not-allowed; }
[hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}