/* ════════════════════════════════════════════════════════════════════════════
   themes.css  —  Colour-theme variables & overrides for Flipbook Journal
   ════════════════════════════════════════════════════════════════════════════

   Surfaces covered
   ─────────────────────────────────────────────────────────────────────────
   --page-bg-base / --page-bg / --page-border / --page-text
       pageFront, pageBack
   --endcover-bg / --endcover-text
       frontEndCover, backCover
   --fcmess-color
       decorative scrawl on front end cover
   --ctrl-bg / --ctrl-text / --ctrl-border / --ctrl-hover-bg / --ctrl-hover-border
       notebook control buttons
   --label-text
       small italic "Year:" caption on journal covers
   --notebook-title-color
       notebook title on inside-front cover
   --notebook-by
       "by …" and author text on notebook cover display
   --year-label-text
       large year number on journal covers and back-cover year
   --toc-link-color
       hyperlinks inside system-book content and TOC entries
*/

/* ── Default theme: Classic Cream ──────────────────────────────────────── */
:root {
  /* page surfaces */
  --page-bg-base:        linen;
  --page-bg:             linear-gradient(to bottom, rgba(255,255,255,0.05), rgba(240,240,240,1), rgba(255,255,255,0.05));
  --page-border:         rgb(238, 180, 174);
  --page-text:           black;
  /* end covers */
  --endcover-bg:         rgb(235, 209, 184);
  --endcover-text:       rgb(238, 120, 30);
  --fcmess-color:        rgba(247, 139, 15, 0.745);
  /* notebook control buttons */
  --ctrl-bg:             linear-gradient(180deg, #f3efe4 0%, #ddd3be 100%);
  --ctrl-text:           #2f2a22;
  --ctrl-border:         #6f6a5f;
  --ctrl-hover-bg:       linear-gradient(180deg, #fbf8f0 0%, #d6c9ae 100%);
  --ctrl-hover-border:   #5d5649;
  /* cover & notebook text */
  --label-text:          #5a4a3a;
  --notebook-title-color:#2c1810;
  --notebook-by:         #5a4a3a;
  --year-label-text:     #4a3a2a;
  --toc-link-color:      #4a3aa8;
}

/* ── Soft Grey ─────────────────────────────────────────────────────────── */
[data-theme="grey"] {
  --page-bg-base:        #e8e8e8;
  --page-bg:             linear-gradient(to bottom, rgba(255,255,255,0.05), rgba(220,220,220,1), rgba(255,255,255,0.05));
  --page-border:         #b8b8b8;
  --page-text:           #050505;
  --endcover-bg:         #bcb7a3;
  --endcover-text:       #0d0b0b;
  --fcmess-color:        rgba(80, 80, 80, 0.75);
  --ctrl-bg:             linear-gradient(180deg, #eeeeee 0%, #d5d5d5 100%);
  --ctrl-text:           #1a1a1a;
  --ctrl-border:         #aaaaaa;
  --ctrl-hover-bg:       linear-gradient(180deg, #f5f5f5 0%, #cccccc 100%);
  --ctrl-hover-border:   #888888;
  --label-text:          #444444;
  --notebook-title-color:#1a1a1a;
  --notebook-by:         #555555;
  --year-label-text:     #333333;
  --toc-link-color:      #3355aa;
}

/* ── Warm Sepia ────────────────────────────────────────────────────────── */
[data-theme="sepia"] {
  --page-bg-base:        #f4e8d0;
  --page-bg:             linear-gradient(to bottom, rgba(255,255,255,0.05), rgba(220,188,140,0.9), rgba(255,255,255,0.05));
  --page-border:         #c4a882;
  --page-text:           #060606;
  --endcover-bg:         #f8efc4;
  --endcover-text:       #8B4513;
  --fcmess-color:        rgba(139, 69, 19, 0.75);
  --ctrl-bg:             linear-gradient(180deg, #f5e8d2 0%, #dfc49a 100%);
  --ctrl-text:           #825d44;
  --ctrl-border:         #b89060;
  --ctrl-hover-bg:       linear-gradient(180deg, #fdf0dc 0%, #d9b88a 100%);
  --ctrl-hover-border:   #9a7040;
  --label-text:          #5a3d2b;
  --notebook-title-color:#3d2b1f;
  --notebook-by:         #6a4a30;
  --year-label-text:     #4a3020;
  --toc-link-color:      #6b3a10;
}

/* ── Clean Ink ─────────────────────────────────────────────────────────── */
[data-theme="ink"] {
  --page-bg-base:        #ffffff;
  --page-bg:             #ffffff;
  --page-border:         #cccccc;
  --page-text:           #000000;
  --endcover-bg:         #edf0ff;
  --endcover-text:       #333333;
  --fcmess-color:        rgba(50, 50, 50, 0.85);
  --ctrl-bg:             linear-gradient(180deg, #f8f8f8 0%, #e0e0e0 100%);
  --ctrl-text:           #000000;
  --ctrl-border:         #999999;
  --ctrl-hover-bg:       linear-gradient(180deg, #ffffff 0%, #d0d0d0 100%);
  --ctrl-hover-border:   #666666;
  --label-text:          #333333;
  --notebook-title-color:#000000;
  --notebook-by:         #444444;
  --year-label-text:     #222222;
  --toc-link-color:      #0044cc;
}

/* ── Night Mode ────────────────────────────────────────────────────────── */
[data-theme="night"] {
  --page-bg-base:        #2d2d2d;
  --page-bg:             linear-gradient(
                           to right,
                           rgba(55,55,55,0.55) 0%,
                           rgba(35,35,35,1)    18%,
                           rgba(25,25,25,0.85) 100%
                         );
  --page-border:         #555555;
  --page-text:           #e0ddd6;
  --endcover-bg:         #473c59;
  --endcover-text:       #c0b090;
  --fcmess-color:        rgba(192, 176, 144, 0.85);
  --ctrl-bg:             linear-gradient(180deg, #3d3d3d 0%, #2d2d2d 100%);
  --ctrl-text:           #e0ddd6;
  --ctrl-border:         #606060;
  --ctrl-hover-bg:       linear-gradient(180deg, #4a4a4a 0%, #363636 100%);
  --ctrl-hover-border:   #808080;
  --label-text:          #d8d4c8;
  --notebook-title-color:#f0ede6;
  --notebook-by:         #b0a89a;
  --year-label-text:     #d8d4c8;
  --toc-link-color:      #a9b7f0;
}