/* Charcoal surfaces, soft text and a warm accent.
   Copy this file to create a theme, then set "theme" in site/site.json.
   Keep token names stable: shared layouts and the image viewer consume them. */
@layer theme {
  :root {
    color-scheme: dark;
    --background: #191c1b;
    --surface: #222624;
    --text: #e2e5df;
    --text-muted: #a6afa6;
    --accent: #e79a78;
    --border: #373e39;
    --surface-accent: #2a322c;
    --selection-background: #6b4536;
    --selection-text: #fff3e8;
    --notice-background: #101311;
    --notice-text: #bcc6bc;
    --illustration-border: #455044;
    --illustration-shadow: #111612;
    --border-hover: #697961;
    --icon-text: #bdcbb0;
    --icon-border: #56644f;
    --series-icon-text: #bdcbb0;
    --image-placeholder: #2a302b;
    --link-underline: #85947e;
    --code-background: #121614;
    --code-text: #d5dfd0;
    --viewer-background: #111512;
    --viewer-text: #fff;
    --viewer-shadow: #0008;
    --viewer-border: #7e8a80;
    --viewer-backdrop: rgb(0 0 0 / 78%);
    --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --serif: Georgia, "Times New Roman", serif;
  }
}