/* ==========================================================================
   COLORS.CSS — Centralized color & theme tokens for addabook
   All color values live here. Other CSS files and pages reference these vars.
   ========================================================================== */

:root {

  /* ------------------------------------------------------------------
     BRAND: Greens  (cover buttons, navbars, links, accents site-wide)
     ------------------------------------------------------------------ */
  --main-green: #4ECDC4;       /* Primary brand green — cover "read" buttons, hero accents */
  --mid-green: #389b94;        /* Main link color, nav tabs, partner badges, footer brand */
  --dark-green: #005953;       /* Dark text on green backgrounds, feature-icon borders */
  --darkest-green: #003531;    /* Deepest green — hover text-shadows on cover buttons */
  --dull-green: #2aa69e;       /* Shadow/border on dark green surfaces — cover button dividers */
  --highlight-green: #83f6ee;  /* Text-shadow on light-green text, feature-card hover border */
  --menu-green: #3eb1a9;       /* Context-menu hover bg (read state) */

  /* ------------------------------------------------------------------
     BRAND: Oranges  (cover "unread" buttons, wishlist accents)
     ------------------------------------------------------------------ */
  --accent-orange: #ffa78b;    /* Unread cover-button bg */
  --main-orange: #E64A19;      /* Bootstrap-danger-ish orange, context-menu hover border (unread) */
  --dark-orange: #af2a02;      /* Unread cover-button hover bg, dev navbar gradient */
  --darkest-orange: #5d1500;   /* Deepest orange — hover text-shadows on unread cover buttons */
  --menu-orange: #cb5527;      /* Context-menu hover bg (unread state) */
  --highlight-orange: #ff753f; /* Text-shadow on unread buttons, unread menu/border accent */

  /* ------------------------------------------------------------------
     NEUTRALS: Grays  (used across many components for subtle UI)
     ------------------------------------------------------------------ */
  --dark-gray: rgba(33, 47, 41, 1);        /* Dark text on light buttons (loggedout cover btn) */
  --accent-gray: rgba(173, 181, 189, 1);   /* Muted borders (loggedout cover btn) */
  --mid-gray: rgba(207, 212, 218, 1);      /* Text-shadow on gray buttons */
  --background-gray: rgba(245, 245, 245, 1); /* Light surface bg (loggedout cover btn) */

  /* ------------------------------------------------------------------
     TEXT TONES  (general-purpose text colors)
     ------------------------------------------------------------------ */
  --text-900: #0f172a;   /* Near-black text — hero title, feature titles on /index */
  --text-dark: #2E3440;  /* Default dark text — profile headings, note titles */
  --text-soft: #4C566A;  /* Secondary/muted text — profile stats, list meta, bylines */

  /* ------------------------------------------------------------------
     BORDERS
     ------------------------------------------------------------------ */
  --border-soft: #E3E7EB;  /* Light dividers — profile sections, list cards on /lists */

  /* ------------------------------------------------------------------
     NAVBAR  (gradient top → bottom)
     ------------------------------------------------------------------ */
  --navbar-gradient-top: var(--main-green);
  --navbar-gradient-bottom: var(--mid-green);

  /* Bootstrap "success" alias — used on /about, edit rating glow */
  --success-main: var(--main-green);

  /* ------------------------------------------------------------------
     PAGE DESIGN SYSTEM  (--ab-color-*)
     Shared by /book, /list, /notes, /book-old for modern page layouts.
     Pages may override individual tokens in a scoped <style> block.
     ------------------------------------------------------------------ */
  --ab-color-bg: #ffffff;              /* Page background */
  --ab-color-surface: #f8f9fb;        /* Raised card / section bg — list items, table headers */
  --ab-color-surface-alt: #f1f3f7;    /* Hovered / alternate surface */
  --ab-color-border: #e3e7ef;         /* Default component border */
  --ab-color-border-strong: #c8cfdb;  /* Emphasized border — inputs, toggles */
  --ab-color-text: #222;              /* Primary body text (/list, /notes) */
  --ab-color-text-main: #111827;      /* Primary body text variant (/book) */
  --ab-color-text-secondary: #4b5563; /* Credits, subtitles (/book) */
  --ab-color-text-dim: #5b6372;       /* Muted text — meta, bylines, notes (/list, /notes, /edit) */
  --ab-color-text-muted: #9ca3af;     /* Lightest text — labels, section headings (/book, /edit) */
  --ab-color-accent: #2563eb;         /* Accent blue — active toggle, focus ring */
  --ab-color-accent-hover: #1d4ed8;   /* Accent hover state */
  --ab-color-like: #e11d48;           /* Like/heart icon active state */

  /* Shadows (used alongside --ab-color-*) */
  --ab-shadow-sm: 0 1px 2px rgba(0,0,0,.06), 0 0 0 1px rgba(0,0,0,.04);
  --ab-shadow: 0 4px 10px -2px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.06);

  /* ------------------------------------------------------------------
     EDIT PAGE DESIGN SYSTEM  (--edit-color-*)
     Used by /admin/edit for the review-editing layout.
     ------------------------------------------------------------------ */
  --edit-color-bg: #ffffff;              /* Edit-page background */
  --edit-color-surface: #f8f9fb;        /* Edit-card surface */
  --edit-color-surface-alt: #f1f3f7;    /* Alternate / hover surface */
  --edit-color-border: #e3e7ef;         /* Card / input border */
  --edit-color-border-strong: #c8cfdb;  /* Emphasized border */
  --edit-color-text: #1a1a2e;           /* Primary edit-page text */
  --edit-color-text-dim: #5b6372;       /* Meta / secondary text */
  --edit-color-text-muted: #9ca3af;     /* Label / hint text */
  --edit-color-accent: #4ECDC4;         /* = main-green — accent color on edit page */
  --edit-color-accent-dark: #389b94;    /* = mid-green — hover accent on edit page */

  /* ------------------------------------------------------------------
     INDEX / HERO  (logged-in year stats, hero section on /index)
     ------------------------------------------------------------------ */
  --index-stat-bg: #f9f9f9;            /* Stat card background */
  --index-stat-import-bg: #e9ecef;     /* Import stat card background */
  --index-stat-import-border: #dee2e6; /* Import stat card border */
  --index-stat-import-icon: #495057;   /* Import stat icon color */
  --index-year-border: #e0e0e0;        /* Year header horizontal rule */
  --index-stat-value: #222;            /* Stat number text */
  --index-stat-label: #555;            /* Stat label text */

  /* Hero section (logged-out /index) */
  --ink-900: #0f172a;                  /* Hero title color */
  --ink-700: #334155;                  /* Hero subtitle color */
  --hero-eyebrow: #6b7280;            /* Small text above hero title */
  --feature-icon-color: #20867f;      /* Feature card icon teal */
  --feature-title-color: #0f172a;     /* Feature card heading */
  --feature-text-color: #334155;      /* Feature card body text */

  /* ------------------------------------------------------------------
     NOTEBOOK  (/notebook — drafts section)
     ------------------------------------------------------------------ */
  --notebook-btn-bg: #389b94;          /* = mid-green — "add book" button */
  --notebook-btn-hover: #4ECDC4;       /* = main-green — hover state */
  --notebook-drafts-text: #333;        /* Drafts header text */
  --notebook-drafts-border: rgb(217, 217, 217); /* Dashed section border */

  /* ------------------------------------------------------------------
     SEARCH / CONFIG  (already-in-list badge, search meta)
     ------------------------------------------------------------------ */
  --already-in-list-bg: #f2f9f2;       /* Green-tinted row bg — /search, book-picker modal */
  --already-in-list-border: #4ECDC4;   /* = main-green — left accent border */
  --already-in-list-badge: #4ECDC4;    /* = main-green — badge background */
  --search-meta-muted: #6c757d;        /* Byline / details text on /search */

  /* ------------------------------------------------------------------
     TOU (Terms of Use) pullquote
     ------------------------------------------------------------------ */
  --tou-pullquote-bg: #fdfdfd;         /* Pullquote card bg */
  --tou-pullquote-accent: #0dcaf0;     /* Left border + quote-mark color */
  --tou-pullquote-text: #212529;       /* Body text */
  --tou-pullquote-source: #6c757d;     /* Attribution text */

  /* ------------------------------------------------------------------
     DISCOVER  (loading spinner)
     ------------------------------------------------------------------ */
  --discover-spinner-track: #f3f3f3;
  --discover-spinner-active: #007bff;

  /* ------------------------------------------------------------------
     NOTES  (stub/pending banner)
     ------------------------------------------------------------------ */
  --notes-stub-bg: #fffbeb;            /* Warning banner background */
  --notes-stub-border: #fbbf24;        /* Warning banner border */
  --notes-stub-text: #92400e;          /* Warning banner text */

  /* ------------------------------------------------------------------
     MISC / UTILITY
     ------------------------------------------------------------------ */
  --award-name-color: #b45309;         /* Bronze/gold award name on /book */
  --draft-container-bg: #dfdfdf;       /* Draft container bg (postbootstrap) */
  --like-icon-default: #a4a4a4;        /* Default (un-liked) icon color */
  --spoiler-explanation: #888;         /* Spoiler hint text */
  --list-not-found-text: #5b6372;      /* "List not available" body text */
  --slider-track-bg: #d3d3d3;          /* Completion slider track */
  --blockquote-text: #2b2b2b;          /* Blockquote body text */
  --edit-list-note-status: #6c757d;    /* "Saving…" text on edit-list */
  --edit-list-handle: #999;            /* Drag handle default */
  --edit-list-handle-hover: #555;      /* Drag handle hover */
  --placeholder-bg: #b9b9b9;          /* SortableJS placeholder bg (edit-list legacy) */
  --placeholder-border: #888;         /* SortableJS placeholder border */

  /* Logged-out cover button overlay on dark */
  --cover-icon-highlight-shadow: #222; /* text-shadow for cover icon highlight */

  /* Onboarding highlighter */
  --onboarding-highlight-border: #ffc107; /* Bootstrap warning yellow */

  /* Footer */
  --footer-green: #389b94;             /* = mid-green — footer brand & link hover */
  --footer-accent-end: #6cc3b2;        /* Footer gradient accent end color */

  /* ------------------------------------------------------------------
     NOTEBOOK / INDEX shared stat cards
     ------------------------------------------------------------------ */
  --stat-icon-blue: #007bff;           /* Stat icon color on /notebook */

  /* ------------------------------------------------------------------
     NOTEBOOK: Timeline sidebar nav
     ------------------------------------------------------------------ */
  --timeline-nav-text: #64748b;          /* Slate 500 — default nav link */
  --timeline-nav-hover-text: #0f172a;    /* Slate 900 — hover text */
  --timeline-nav-hover-bg: #f1f5f9;      /* Slate 100 — hover background */
  --timeline-nav-active-text: #0f766e;   /* Teal 700 — active link text */
  --timeline-nav-active-bg: #f0fdfa;     /* Teal 50 — active link background */
  --timeline-nav-active-bar: #0d9488;    /* Teal 600 — active indicator bar */

  /* ------------------------------------------------------------------
     BETA BADGE  (navbar pill — postbootstrap.css)
     ------------------------------------------------------------------ */

  --beta-badge-border: rgba(255,255,255,0.35);     /* outline on dark navbar */                 
  --beta-badge-hover-border: rgba(255,255,255,0.65); /* hover outline */
  --beta-badge-hover-bg: rgba(255,255,255,0.08);   /* hover fill */

  /* ------------------------------------------------------------------
     CAROUSEL ARROWS  (horizontal book carousels — postbootstrap.css)
     ------------------------------------------------------------------ */
  --arrow-bg: rgba(34, 34, 34, 0.3);              /* semi-transparent dark circle */
  --arrow-text: rgba(255, 255, 255, 0.8);         /* slightly see-through white */
  --arrow-shadow: rgba(0, 0, 0, 0.3);             /* subtle drop shadow */
  --arrow-hover-bg: rgba(0, 0, 0, 0.75);          /* darker on hover */                      

  /* ------------------------------------------------------------------
     DRAFT CONTAINER & CARDS  (postbootstrap.css)
     ------------------------------------------------------------------ */
  --draft-container-border: gray;                  /* dashed border on draft wrapper */
  --draft-card-bg: rgb(248, 248, 248);             /* book selection card */
  --draft-card-hover-bg: rgb(225, 225, 225);       /* card hover state */

  /* ------------------------------------------------------------------
     CALENDAR PICKER  (postbootstrap.css)
     ------------------------------------------------------------------ */                         
  --calendar-border: gray;                         /* .calendar border */
  --calendar-inner-shadow: rgba(0,0,0,0.1);        /* inset shadow */

  /* ------------------------------------------------------------------
     BLOCKQUOTE CITATION  (postbootstrap.css)
     ------------------------------------------------------------------ */
  --blockquote-cite: rgba(0,0,0,0.6);             /* attribution / citation text */

  /* ------------------------------------------------------------------
     TIMELINE STAT BAR  (postbootstrap.css)
     ------------------------------------------------------------------ */
  --stat-bar-bg: rgb(211, 211, 211);               /* bar background */
  --stat-bar-border: rgb(177, 177, 177);           /* bar border */

  /* ------------------------------------------------------------------
     EDIT LIST ITEMS  (postbootstrap.css)
     ------------------------------------------------------------------ */
  --edit-list-item-border: rgb(224, 224, 224);     /* list row border */
  --edit-list-item-bg: rgb(244, 244, 244);         /* list row & sortable-chosen bg */
  --edit-list-item-drag-bg: gray;                  /* dragging item bg */

  /* ------------------------------------------------------------------
     ONBOARDING CAROUSEL  (postbootstrap.css)
     ------------------------------------------------------------------ */                       
  --onboarding-shadow: rgba(0,0,0,0.2);            /* carousel drop shadow */
  --onboarding-overlay: rgba(0,0,0,0.7);           /* dark tint overlay */
  --onboarding-overlay-mobile: rgba(0,0,0,0.8);    /* darker tint on mobile */
  --onboarding-text: #f5f5f5;                      /* onboarding carousel text */
  --onboarding-text-shadow: rgba(0,0,0,0.8);       /* text shadow color */
  --onboarding-fallback-bg: #6c757d;               /* carousel fallback bg before image loads */

  /* ------------------------------------------------------------------
     ONBOARDING HIGHLIGHTER  (postbootstrap.css)
     ------------------------------------------------------------------ */
  --highlighter-dim: rgba(0, 0, 0, 0.75);         /* massive box-shadow dim */
  --highlighter-pulse-glow: rgba(255, 193, 7, 0.7); /* pulse start (Bootstrap warning) */
  --highlighter-pulse-fade: rgba(255, 193, 7, 0);   /* pulse end (transparent) */

  /* ------------------------------------------------------------------
     COVER OVERLAYS  (cover-styles.css)
     ------------------------------------------------------------------ */
  --cover-hover-shadow: rgba(0, 0, 0, 0.3);        /* cover-container:hover shadow */
  --cover-overlay-bg: rgba(255, 255, 255, .55);     /* semi-transparent overlay */
  --cover-overlay-text: black;                      /* title + author on overlay */
  --cover-overlay-byline: rgb(137, 137, 137);      /* dimmer byline on overlay */
  --cover-meta-byline: gray;                        /* .meta-byline text */

  /* ------------------------------------------------------------------
     COVER BUTTONS  (cover-styles.css)
     ------------------------------------------------------------------ */
  --cover-btn-shadow: rgba(0, 0, 0, 0.20);         /* button-container shadow */               
  --loggedout-hover-bg: #999;                       /* loggedout button hover bg */

  /* ------------------------------------------------------------------
     COVER MENUS  (rating & context menus — cover-styles.css)
     ------------------------------------------------------------------ */                        
  --cover-menu-shadow: rgba(0, 0, 0, 0.75);        /* menu drop shadow */
  --cover-menu-hover-shadow: rgba(0, 0, 0, 0.05);  /* menu link hover shadow */
  --cover-triangle-shadow: rgba(0, 0, 0, 0.25);    /* menu triangle drop-shadow */
  --cover-hr-edge: rgba(0, 0, 0, .1);              /* context-menu HR gradient edge */
  --cover-hr-center: rgba(0, 0, 0, 0.75);          /* context-menu HR gradient center */

  /* ------------------------------------------------------------------
     SHARED SHADOW PRIMITIVES
     Reusable shadow-color tokens for box-shadow across pages.
     ------------------------------------------------------------------ */
  --shadow-black-005: rgba(0, 0, 0, 0.05);
  --shadow-black-006: rgba(0, 0, 0, 0.06);
  --shadow-black-007: rgba(0, 0, 0, 0.07);
  --shadow-black-008: rgba(0, 0, 0, 0.08);
  --shadow-black-010: rgba(0, 0, 0, 0.1);
  --shadow-black-015: rgba(0, 0, 0, 0.15);
  --shadow-black-020: rgba(0, 0, 0, 0.2);
  --shadow-black-030: rgba(0, 0, 0, 0.3);
  --shadow-ink-006: rgba(12, 18, 38, 0.06);         /* deep-ink shadow (hero & note cards) */
  --shadow-ink-008: rgba(12, 18, 38, 0.08);
  --shadow-ink-010: rgba(12, 18, 38, 0.10);
  --shadow-ink-018: rgba(12, 18, 38, 0.18);
  --shadow-ink-020: rgba(12, 18, 38, 0.20);
  --shadow-ink-048: rgba(12, 18, 38, 0.48);         /* hero book deep shadow */
  --shadow-ink-058: rgba(12, 18, 38, 0.58);         /* hero book deep shadow */

  /* ------------------------------------------------------------------
     SHARED WHITES & OVERLAYS
     White with varying transparency, used in gradients and overlays.
     ------------------------------------------------------------------ */
  --white: #ffffff;
  --white-055: rgba(255,255,255,0.55);
  --white-070: rgba(255,255,255,0.70);
  --white-080: rgba(255,255,255,0.80);
  --white-085: rgba(255,255,255,0.85);
  --white-092: rgba(255,255,255,0.92);
  --white-094: rgba(255,255,255,0.94);
  --white-095: rgba(255,255,255,0.95);
  --white-096: rgba(255,255,255,0.96);

  /* ------------------------------------------------------------------
     SHARED BORDER / BG PRIMITIVES
     Common light borders and backgrounds used in card components.
     ------------------------------------------------------------------ */
  --border-black-006: rgba(0,0,0,0.06);            /* subtle card borders */
  --border-white-008: rgba(255,255,255,0.08);       /* dark-mode card border */
  --border-white-010: rgba(255,255,255,0.10);       /* dark-mode note-row border */
  --border-white-014: rgba(255,255,255,0.14);       /* dark-mode feature-icon border */
  --border-white-060: rgba(255,255,255,0.6);        /* feature-icon inner ring */

  /* ------------------------------------------------------------------
     HERO GRADIENT BACKGROUNDS  (/index hero section)
     ------------------------------------------------------------------ */
  --paper: #ffffff;                                  /* hero book face background */
  --hero-grad-start: #f6f4ff;                       /* light gradient start */
  --hero-grad-mid: #eaf6ff;                         /* light gradient mid */
  --hero-vignette-010: rgba(0,0,0,0.10);            /* hero vignette outer */
  --hero-vignette-006: rgba(0,0,0,0.06);            /* hero vignette inner */
  --hero-book-border: rgba(228, 228, 228, 1);       /* book card border in hero */
  --hero-text-shadow-white: rgb(255, 255, 255);     /* hero title text-shadow solid */

  /* ------------------------------------------------------------------
     FEATURE CARDS  (/index hero — light & dark modes)
     ------------------------------------------------------------------ */
  --feature-ring-zero: rgba(56,155,148,0.0);        /* feature card --ring initial */
  --feature-grad-014: rgba(56,155,148,0.14);        /* discover card radial bg */
  --feature-accent-014: rgba(78,205,196,0.14);      /* discover card radial bg (lighter) */
  --feature-border-018: rgba(56,155,148,0.18);      /* discover card CTA border-top */
  --feature-border-022: rgba(56,155,148,0.22);      /* discover card default border */
  --feature-border-035: rgba(56,155,148,0.35);      /* discover card hover border */
  --feature-border-045: rgba(56,155,148,0.45);      /* discover card dark-mode hover border */
  --feature-icon-grad-start: rgba(78,205,196,0.18); /* icon bg gradient start */
  --feature-icon-grad-end: rgba(78,205,196,0.10);   /* icon bg gradient end */
  --feature-icon-fill: rgba(78,205,196,0.12);       /* icon bg base fill */
  /* Dark mode overrides */
  --feature-dark-bg-start: rgba(25,25,28,0.92);     /* dark card gradient start */
  --feature-dark-bg-end: rgba(22,22,26,0.92);       /* dark card gradient end */
  --feature-dark-title: #f8fafc;                    /* light text on dark card */
  --feature-dark-text: #cbd5e1;                     /* muted text on dark card */
  --feature-dark-icon: #54d6cd;                     /* icon color in dark mode */
  --feature-dark-btn-text: #f8fafc;                 /* outline btn text in dark */
  --feature-dark-btn-border: rgba(248,250,252,0.9); /* outline btn border in dark */
  --feature-dark-btn-hover-bg: rgba(248,250,252,0.08); /* outline btn hover bg */

  /* ------------------------------------------------------------------
     NOTE CARDS  (/index — recent notes section, light & dark)
     ------------------------------------------------------------------ */
  --note-meta: #475569;                             /* note-meta text color */
  --note-title: #0f172a;                            /* note-title heading */
  --note-sub: #334155;                              /* note-sub/note-text body */
  --chip-border: rgba(0,0,0,0.06);                  /* chip/pill border */
  --chip-bg: rgba(56,155,148,0.06);                 /* chip green-tint bg */
  --chip-text: #0f766e;                             /* chip text teal */
  --rating-pill-bg: #111827;                        /* rating pill dark bg */                      
  --note-row-hover-border: rgba(56,155,148,0.25);   /* note-row hover border */

  /* ------------------------------------------------------------------
     BOOK PAGE OVERRIDES  (/book — page-scoped design tokens)
     ------------------------------------------------------------------ */
  --ab-color-border-book: #e5e7eb;                  /* book-page border override */
  --ab-color-surface-book: #f9fafb;                 /* book-page surface override */
  --ab-shadow-sm-book: 0 1px 2px 0 rgba(0,0,0,0.05);
  --ab-shadow-md-book: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
  --ab-shadow-lg-book: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
  --ab-shadow-cover-book: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
  --cover-placeholder-bg: #eee;                     /* cover placeholder gray */                        

  /* ------------------------------------------------------------------
     EDIT PAGE SHADOWS  (/admin/edit — page-scoped shadow tokens)
     ------------------------------------------------------------------ */
  --edit-shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --edit-shadow: 0 4px 12px -2px rgba(0,0,0,0.08);
  --edit-shadow-lg: 0 10px 25px -5px rgba(0,0,0,0.1);
  --edit-cover-shadow: 0 4px 16px rgba(0,0,0,0.15), 0 2px 6px rgba(0,0,0,0.1);
  --edit-rating-glow: rgba(78, 205, 196, 0.3);     /* checked-rating box-shadow */                          
  --edit-danger: #dc3545;                           /* Bootstrap danger — delete buttons */
  --edit-stub-bg-start: #fef9ef;                    /* stub banner gradient start */
  --edit-stub-bg-end: #fef3e2;                      /* stub banner gradient end */
  --edit-stub-border: #f5deb3;                      /* stub banner border */
  --edit-stub-icon: #c8922a;                        /* stub icon color */
  --edit-stub-text: #5a4a2e;                        /* stub text */
  --edit-stub-strong: #7a6530;                      /* stub strong text */

  /* ------------------------------------------------------------------
     EDIT LIST PAGE  (/admin/edit-list — page-scoped tokens)
     ------------------------------------------------------------------ */
  --edit-list-card-bg: #fff;                         /* list-item bg / note focus bg */
  --edit-list-card-shadow-sm: 0 1px 2px rgba(0,0,0,0.1);
  --edit-list-card-shadow-md: 0 .25rem .75rem rgba(0,0,0,0.08);
  --edit-list-card-shadow-hover: 0 2px 8px rgba(0,0,0,0.08);
  --edit-list-cover-shadow: 0 1px 3px rgba(0,0,0,0.1);
  --edit-list-compact-btn-shadow: 0 2px 4px rgba(0,0,0,0.1);
  --edit-list-note-bg: #f8f9fa;                      /* textarea default bg */
  --edit-list-note-border: #dee2e6;                  /* textarea default border */
  --edit-list-note-focus-bg: #fff;                   /* textarea focus bg */
  --edit-list-note-focus-border: #86b7fe;            /* textarea focus border */
  --edit-list-delete-icon: #adb5bd;                  /* delete button default */
  --edit-list-delete-hover-bg: rgba(220, 53, 69, 0.1); /* delete hover bg */
  --edit-list-placeholder-border: #e3e7ef;           /* sortable placeholder border */
  --edit-list-placeholder-bg: #f8f9fb;               /* sortable placeholder bg */

  /* ------------------------------------------------------------------
     NOTEBOOK PAGE  (/notebook — page-scoped tokens)
     ------------------------------------------------------------------ */
  --notebook-btn-text-shadow: rgba(0, 0, 0, 0.1);  /* new-book-btn text shadow */                    
  --notebook-drafts-shadow: 0 2px 8px rgba(0,0,0,0.05);                /* add-draft-card text */
  --notebook-add-card-hover-shadow: 0 4px 12px rgba(0,0,0,0.1);
  --notebook-stat-shadow: 0 2px 8px rgba(0,0,0,0.07); /* stat-card box-shadow */

  /* ------------------------------------------------------------------
     PROFILE PAGE  (/profile — Nord-inspired theme tokens)
     ------------------------------------------------------------------ */
  --nord-bg: #F5F7F9;
  --nord-bg-alt: #ECEFF2;
  --nord-border: #D5DADF;
  --nord-focus: #88C0D0;
  --nord-shadow: 0 1px 2px rgba(46,52,64,0.06), 0 0 0 1px rgba(46,52,64,0.04);
  --nord-shadow-hover: 0 2px 6px rgba(46,52,64,0.12), 0 0 0 1px rgba(46,52,64,0.05);
  --profile-cover-shadow: 0 2px 6px rgba(0,0,0,0.2);  /* tiny-list-cover shadow */
  --profile-card-hover-bg: #F7F9FA;                  /* favorite-note-card hover */

  /* ------------------------------------------------------------------
     LISTS PAGE  (/lists — page-scoped tokens)
     ------------------------------------------------------------------ */
  --lists-card-border: rgba(0,0,0,0.06);            /* .list-card border */
  --lists-private-bg: #f7f7f7;                      /* private list card bg */
  --lists-wishlist-grad: rgba(78,205,196,0.04);     /* wishlist green tint */                                                         

  /* ------------------------------------------------------------------
     LIST PAGE  (/list — page-scoped tokens)
     ------------------------------------------------------------------ */

  --list-like-hover-bg: #ffe6ec;                    /* like-active hover bg */
  --list-cover-hover-shadow: 0 4px 10px -2px rgba(0,0,0,0.18);  /* book cover hover */
  --list-cover-compact-shadow: 0 2px 6px -2px rgba(0,0,0,0.25); /* compact cover shadow */

  /* ------------------------------------------------------------------
     ABOUT PAGE  (/about — pullquote tokens)
     ------------------------------------------------------------------ */
  --about-pullquote-shadow: 0 12px 30px rgba(0,0,0,0.06), 0 2px 8px rgba(0,0,0,0.04);

  /* ------------------------------------------------------------------
     TOU PAGE  (/tou — pullquote shadow)
     ------------------------------------------------------------------ */
  --tou-pullquote-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.05);

  /* ------------------------------------------------------------------
     IMPORT PAGE  (/import — page-scoped tokens)
     ------------------------------------------------------------------ */
  --import-hover-shadow: 0 1rem 3rem rgba(0,0,0,0.175);
  --import-step-hover-bg: #f8f9fa;
  --import-muted-icon: #adb5bd;

  /* ------------------------------------------------------------------
     ADMIN CPANEL LISTS  (admin/cp/lists-setup)
     ------------------------------------------------------------------ */
  --cpanel-link-hover: #5E81AC;                     /* Nord frost-blue link hover */

  /* ------------------------------------------------------------------
     CONFIG / LOGOUT  (includes/config.php)
     ------------------------------------------------------------------ */
  --logout-danger: #dc3545;                         /* Bootstrap danger for logout btn */
  --footer-dark-border: rgba(255,255,255,0.12);     /* dark-mode footer border */
  --config-sidebar-border: rgba(255, 255, 255, 0.3); /* dev sidebar border */
}

/* ==========================================================================
   GLOBAL OVERRIDES
   ========================================================================== */

/* Override Bootstrap bg-success/bg-gradient on the top navbar */
#top-nav.bg-success.bg-gradient {
  background: linear-gradient(
    to bottom,
    var(--navbar-gradient-top),
    var(--navbar-gradient-bottom)
  ) !important;
}

a {
  color: var(--mid-green);
}

/* ------------------------------------------------------------------
   UTILITY CLASSES  (replace inline style="" color attributes)
   ------------------------------------------------------------------ */

/* Verified Partner badge — used on /index, /profile */
.verified-partner-badge {
  color: var(--mid-green);
}

/* "List not found" body text — /includes/list_not_found.php */
.text-list-not-found {
  color: var(--list-not-found-text);
}

/* Pending catalog-match warning banner — /notes */
.stub-banner {
  background: var(--notes-stub-bg);
  border-color: var(--notes-stub-border);
}
.stub-banner-text {
  color: var(--notes-stub-text);
}