/* A-LI shared palette. Functional pages retain their own layout rules. */
:root {
  --ui-paper: #f7f4ed;
  --ui-surface: #fffdf8;
  --ui-ink: #243d34;
  --ui-muted: #59665c;
  --ui-sage: #6c7b68;
  --ui-clay: #b07657;
  --ui-line: #deded2;
  --ui-soft: #eaece2;
  --ui-danger: #9b3838;
  --ui-focus: #365f4c;
  --ui-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang TC', 'Microsoft JhengHei', sans-serif;
  --ui-radius: 12px;
  --ui-shadow: 0 8px 28px rgba(36, 61, 52, .06);
  --paper: var(--ui-paper);
  --cream: #eee9df;
  --ink: var(--ui-ink);
  --muted: var(--ui-muted);
  --purple: var(--ui-ink);
  --line: var(--ui-line);
  --gold: var(--ui-clay);
  --ui: var(--ui-font-sans);
  --soft-ink: var(--ui-muted);
}
html { color-scheme: light; }
body { -webkit-font-smoothing: antialiased; }
button, input, textarea, select { -webkit-tap-highlight-color: transparent; }
button, a, input, textarea, select, summary { touch-action: manipulation; }
:focus-visible { outline: 3px solid var(--ui-focus); outline-offset: 4px; }
::selection { background: #dce5d5; color: var(--ui-ink); }
button:disabled { cursor: not-allowed; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}
@media (forced-colors: active) {
  button, select, input, textarea { border-color: ButtonText; }
  :focus-visible { outline-color: Highlight; }
}