/* Nightcap shared web theme. Colors follow the iOS NightcapTheme noon (day) and
   22:00 (night) palettes so the web pages and the app read as one product.
   Pages follow the system appearance; data-theme="light|dark" on <html> overrides it.
   Also inlined server-side into the legal pages and /review (strict CSP). */
:root {
  color-scheme: light;
  --nc-bg: #f8f3e8;
  --nc-surface: #fffcf4;
  --nc-raised: #efe8da;
  --nc-line: rgba(48, 44, 46, 0.11);
  --nc-line-strong: rgba(48, 44, 46, 0.2);
  --nc-text: #302c2e;
  --nc-muted: #635346;
  --nc-accent: #514032;
  --nc-accent-hover: #3f3127;
  --nc-on-accent: #fffaf1;
  --nc-warm: #855333;
  --nc-warm-soft: rgba(133, 83, 51, 0.1);
  --nc-focus: rgba(133, 83, 51, 0.28);
  --nc-danger: #a2453c;
  --nc-danger-soft: rgba(162, 69, 60, 0.09);
  --nc-success: #4f6b4a;
  --nc-notice-bg: #f3e6d2;
  --nc-notice-text: #6e4a2c;
  --nc-moon: #f3d9a8;
  --nc-hill-1: #d9c8b0;
  --nc-hill-2: #b9a48a;
  --nc-hill-3: #8f7a66;

  --nc-serif: "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", "Noto Serif SC", Georgia, serif;
  --nc-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", system-ui, sans-serif;

  --nc-radius-control: 10px;
  --nc-radius-card: 16px;
  --nc-control-height: 44px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --nc-bg: #332a30;
    --nc-surface: #42363b;
    --nc-raised: #514047;
    --nc-line: rgba(255, 255, 255, 0.12);
    --nc-line-strong: rgba(255, 255, 255, 0.22);
    --nc-text: #fff3e2;
    --nc-muted: #e2caba;
    --nc-accent: #f4d5ae;
    --nc-accent-hover: #ffe3c0;
    --nc-on-accent: #3c2e2b;
    --nc-warm: #f2c296;
    --nc-warm-soft: rgba(242, 194, 150, 0.12);
    --nc-focus: rgba(244, 213, 174, 0.35);
    --nc-danger: #f2a497;
    --nc-danger-soft: rgba(242, 164, 151, 0.12);
    --nc-success: #b9d3a8;
    --nc-notice-bg: #4f3f3a;
    --nc-notice-text: #f6dcb8;
    --nc-moon: #ffe7b8;
    --nc-hill-1: #5a464c;
    --nc-hill-2: #4a3a40;
    --nc-hill-3: #3b2f35;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --nc-bg: #332a30;
  --nc-surface: #42363b;
  --nc-raised: #514047;
  --nc-line: rgba(255, 255, 255, 0.12);
  --nc-line-strong: rgba(255, 255, 255, 0.22);
  --nc-text: #fff3e2;
  --nc-muted: #e2caba;
  --nc-accent: #f4d5ae;
  --nc-accent-hover: #ffe3c0;
  --nc-on-accent: #3c2e2b;
  --nc-warm: #f2c296;
  --nc-warm-soft: rgba(242, 194, 150, 0.12);
  --nc-focus: rgba(244, 213, 174, 0.35);
  --nc-danger: #f2a497;
  --nc-danger-soft: rgba(242, 164, 151, 0.12);
  --nc-success: #b9d3a8;
  --nc-notice-bg: #4f3f3a;
  --nc-notice-text: #f6dcb8;
  --nc-moon: #ffe7b8;
  --nc-hill-1: #5a464c;
  --nc-hill-2: #4a3a40;
  --nc-hill-3: #3b2f35;
}