/* site/styles/site-overrides.css
 * Site-specific warm tone overrides (matching about.novelli.me palette)
 * Loaded AFTER submodule CSS to override default cold tones.
 *
 * Palette reference (from about.novelli.me):
 *   --paper:      #f8f6f1  (warm cream)
 *   --warm:       #c4a882  (gold)
 *   --warm-light: #e8ddd0  (light cream)
 *   --warm-dark:  #8a7260  (dark tan)
 *   --subtle:     #6b6560  (muted warm)
 *   --divider:    #d8d0c8  (warm border)
 */

/* === VDS Desktop: warm default variables === */
:root {
  --vds-bg-desktop: #110f0c;
  --vds-taskbar-bg: #1c1915;
  --vds-start-bg: #362f28;
  --vds-menu-bg: rgba(36, 32, 26, 0.98);
  --vds-bg-secondary: #28241e;
  --vds-bg-dark: #1a1815;
  --vds-border: #3d372f;
  --vds-border-hover: #4d453b;
  --vds-icon-shadow: rgba(196, 168, 130, 0.25);
}

/* === Dark Modern theme: warm accent === */
body.theme-dark-modern,
body.theme-gnome {
  --vds-window-header: #2c2822;
  --vds-window-body: #231f1a;
  --vds-window-border: #1a1815;
  --vds-bg-secondary: #28241e;
  --vds-bg-dark: #1a1815;
  --vds-border: #3d372f;
  --vds-border-hover: #4d453b;
  --vds-window-header-border: rgba(196, 168, 130, 0.1);
}

/* === Jekyll pages: warm overrides === */
:root {
  --bg-primary: #110f0c;
  --bg-secondary: #1a1815;
  --border-color: #33302b;
  --link-color: #c4a882;
  --code-bg: #1a1815;
  --code-text: #c4a882;
  --shadow-color: rgba(26, 24, 21, 0.5);
}

/* === Scrollbar: warm accent === */
.simplebar-scrollbar::before {
  background: #c4a882;
}

/* === Tippy tooltips: warm tint === */
.tippy-box {
  background: rgba(34, 30, 24, 0.95);
  border: 1px solid rgba(196, 168, 130, 0.12);
}

.tippy-box[data-theme~='vds'] {
  background: rgba(34, 30, 24, 0.95);
}

.tippy-box[data-theme~='vds'] > .tippy-arrow::before {
  border-top-color: rgba(34, 30, 24, 0.95);
}

.tippy-box[data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: rgba(34, 30, 24, 0.95);
}

.tippy-box[data-placement^='left'] > .tippy-arrow::before {
  border-left-color: rgba(34, 30, 24, 0.95);
}

.tippy-box[data-placement^='right'] > .tippy-arrow::before {
  border-right-color: rgba(34, 30, 24, 0.95);
}

/* === "Apri nel Desktop Virtuale" button: warm gradient === */
.vds-desktop-btn {
  background: linear-gradient(135deg, #c4a882, #8a7260);
  box-shadow: 0 2px 8px rgba(196, 168, 130, 0.3);
}

.vds-desktop-btn:hover {
  box-shadow: 0 4px 16px rgba(196, 168, 130, 0.5);
}

.vds-desktop-btn:active {
  box-shadow: 0 2px 8px rgba(196, 168, 130, 0.3);
}

/* === Blog archives: warm tint === */
.blog-archives summary {
  background: rgba(196, 168, 130, 0.1);
}

.blog-archives summary:hover {
  background: rgba(196, 168, 130, 0.2);
}

/* === Post list hover: warm glow === */
main > ul > li:hover {
  box-shadow: 0 4px 12px rgba(196, 168, 130, 0.2);
}

/* === Post footer tags: warm bg === */
article .post-footer a {
  background: rgba(196, 168, 130, 0.1);
}

article .post-footer a:hover {
  background: rgba(196, 168, 130, 0.2);
}

/* === Table header: warm tint === */
thead {
  background: rgba(196, 168, 130, 0.1);
}

/* === Image lightbox: warm glow === */
.lightbox img {
  box-shadow: 0 0 40px rgba(196, 168, 130, 0.4);
}

/* === Image hover: warm shadow === */
img[alt*="Architettura"]:hover {
  box-shadow: 0 4px 12px rgba(196, 168, 130, 0.3);
}

/* === Dragging: warm shadow === */
.window.dragging,
.icon-group.dragging {
  box-shadow: 0 10px 40px rgba(26, 24, 18, 0.6);
}