/* Cloud Notes v1 — accessibility-first foundation */
:root {
  color-scheme: light;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Noto Sans SC", "Microsoft YaHei", sans-serif;
  line-height: 1.6;
  font-size: 16px;
  background: #fff;
  color: #1f2937;
}
*, *::before, *::after { box-sizing: border-box; }
html { min-width: 320px; scroll-behavior: smooth; }
body { margin: 0; background: #fff; color: #1f2937; }
.container { width: min(100% - 2rem, 72rem); margin-inline: auto; }
.site-header { border-bottom: 1px solid #cbd5e1; padding-block: 1rem; }
.site-header h1 { margin: 0; font-size: clamp(1.5rem, 4vw, 2rem); }
.subtitle { margin: .25rem 0 0; }
main { padding-block: 2rem 3rem; }
.welcome, .status-card {
  border: 1px solid #cbd5e1; border-radius: .75rem;
  padding: 1rem; margin-block: 1rem;
}
h2 { margin-top: 0; line-height: 1.3; }
.site-footer { border-top: 1px solid #cbd5e1; padding-block: 1rem; }
:focus-visible { outline: 3px solid #0b57d0; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media (min-width: 48rem) {
  .welcome, .status-card { padding: 1.5rem; }
}