/*
 * ss-site.css - makes the browser-side tools (ss-tools.css) follow the sunilsaharan.in theme:
 * saffron / cream / gold in day mode, warm dark brown in night mode. The site's day/night switch puts the class "dark" on <html>.
 * Same colours as the @theme block of tailwind/sunilsaharan.css. Loaded after ss-tools.css, so these values win.
 * No external files and no inline styles: the site's Content-Security-Policy only allows files from its own host.
 */
.ss-tool, .ss-page {
  --ss-surface: #fffdf7;
  --ss-surface-2: #fdf5e1;
  --ss-text: #2e2412;
  --ss-muted: #6b5a30;
  --ss-border: #e3cc8e;
  --ss-accent: #9a4f00;
  --ss-accent-text: #ffffff;
  --ss-accent-soft: #fff3e0;
  --ss-danger: #b8301c;
  --ss-danger-soft: #fff0ec;
  --ss-ok: #3f7a14;
  --ss-ok-soft: #f0f7e2;
  --ss-warn: #86610a;
  --ss-warn-soft: #fff9e0;
  --ss-radius: 12px;
}

html.dark .ss-tool, html.dark .ss-page {
  --ss-surface: #271d0e;
  --ss-surface-2: #1c150a;
  --ss-text: #f5ead0;
  --ss-muted: #a8946a;
  --ss-border: #55432a;
  --ss-accent: #ffb852;
  --ss-accent-text: #1c150a;
  --ss-accent-soft: #3a2d19;
  --ss-danger: #ff9a86;
  --ss-danger-soft: #3a1d17;
  --ss-ok: #9fd36a;
  --ss-ok-soft: #1f2f12;
  --ss-warn: #f4cf47;
  --ss-warn-soft: #3a2d19;
}

/* the tool sits inside the site's own card: no second frame, full width */
.ss-page .ss-tool { max-width: none; margin-bottom: 0; }