/*
 * CLUG theme — matches the Canberra LEGO Users Group website (clug.com.au).
 * Colours drawn from the CLUG logo and LEGO brick palette:
 *
 *   LEGO Dark Blue Violet  #2032B0  — structural (header, sidebar)
 *   CLUG Blue              #1163A7  — links, secondary accents
 *   CLUG Yellow            #F6FC18  — hover / active states on dark surfaces
 *   LEGO Yellow            #F2CD37  — warnings (calmer than CLUG Yellow)
 *   CLUG Green             #1B7C3E  — success / published
 *   CLUG Red               #C32119  — danger / important
 *   LEGO Light Orange      #F9BA61  — caution / draft
 *   LEGO Sand Blue         #6074A1  — muted accents
 *
 * Activated by setting theme = "clug" in config.toml.
 */

/* ── Light mode (default) ─────────────────────────────────────────────────── */

[data-theme="clug"] {
  /* ── Layout ──────────────────────────────────────────────────────────────── */
  --header-height:             4.5rem;
  --logo-height:               2.75rem;

  /* ── Header ─────────────────────────────────────────────────────────────── */
  --color-header-bg:           #2032B0;
  --color-header-text:         #ffffff;
  --color-header-hover:        #F6FC18;
  --color-header-border:       #2032B0;

  /* ── Search input — glass-style for dark header ─────────────────────────── */
  --color-search-bg:           rgba(255, 255, 255, 0.12);
  --color-search-border:       rgba(255, 255, 255, 0.35);
  --color-search-text:         #ffffff;
  --color-search-placeholder:  rgba(255, 255, 255, 0.55);

  /* ── Sidebar — dark, unified with header ────────────────────────────────── */
  --color-sidebar-bg:          #2032B0;
  --color-sidebar-border:      transparent;

  /* ── Sidebar navigation ──────────────────────────────────────────────────── */
  --color-nav-label:           rgba(255, 255, 255, 0.45);
  --color-nav-label-hover:     #F6FC18;
  --color-nav-item:            rgba(255, 255, 255, 0.85);
  --color-nav-item-hover-bg:   rgba(255, 255, 255, 0.08);
  --color-nav-active-bg:       rgba(255, 255, 255, 0.13);
  --color-nav-active-text:     #c4dcff;
  --color-nav-toggle:          rgba(255, 255, 255, 0.35);
  --color-nav-divider:         rgba(255, 255, 255, 0.12);
  --color-nav-badge-draft-bg:      rgba(249, 186, 97, 0.12);
  --color-nav-badge-draft-text:    #F9BA61;
  --color-nav-badge-draft-border:  rgba(249, 186, 97, 0.30);

  /* ── Page / content areas ────────────────────────────────────────────────── */
  --color-page-bg:             #f0f4ff;
  --color-content-bg:          #ffffff;

  /* ── Doc body typography ─────────────────────────────────────────────────── */
  --font-body:                 "PT Sans", sans-serif;
  --color-doc-text:            #0f1724;
  --color-doc-text-secondary:  #2d3a52;
  --color-doc-text-muted:      #8090b0;
  --color-doc-heading:         #0a0f28;
  --color-doc-sectnum:         #8090b0;
  --color-doc-link:            #1163A7;

  /* ── Code ────────────────────────────────────────────────────────────────── */
  --color-code-bg:             #eef1fb;
  --color-code-border:         #d4d9f0;
  --color-pre-bg:              #f5f7fd;

  /* ── Tables ──────────────────────────────────────────────────────────────── */
  --color-table-border:        #d4d9f0;
  --color-table-header-bg:     #eef1fb;
  --color-table-header-text:   #2d3a52;
  --color-meta-divider:        #eef1fb;
  --color-table-row-hover:     #e8edff;

  /* ── Prose ───────────────────────────────────────────────────────────────── */
  --color-blockquote-border:   #6074A1;
  --color-blockquote-text:     #3d4d6a;

  /* ── Search highlight ────────────────────────────────────────────────────── */
  --color-highlight-bg:        rgba(242, 205, 55, 0.50);

  /* ── Diff ────────────────────────────────────────────────────────────────── */
  --color-diff-add-bg:         rgba(27, 124, 62, 0.10);
  --color-diff-add-text:       #1B7C3E;
  --color-diff-remove-bg:      rgba(195, 33, 25, 0.10);
  --color-diff-remove-text:    #C32119;

  /* ── State badges ────────────────────────────────────────────────────────── */
  --color-badge-published-bg:      #e8f5ee;
  --color-badge-published-text:    #1B7C3E;
  --color-badge-published-border:  #a8d5b9;
  --color-badge-draft-bg:          #fff5e8;
  --color-badge-draft-text:        #b36500;
  --color-badge-draft-border:      #F9BA61;

  /* ── Admonition blocks — full LEGO/CLUG palette ──────────────────────────── */
  --color-admonition-note-bg:           #eef0fb;
  --color-admonition-note-border:       #c5cbee;
  --color-admonition-note-accent:       #2032B0;
  --color-admonition-note-icon:         #2032B0;
  --color-admonition-note-text:         #1a2060;
  --color-admonition-tip-bg:            #edf7f1;
  --color-admonition-tip-border:        #a8d5b9;
  --color-admonition-tip-accent:        #1B7C3E;
  --color-admonition-tip-icon:          #1B7C3E;
  --color-admonition-tip-text:          #0d3d1e;
  --color-admonition-warning-bg:        #fffde0;
  --color-admonition-warning-border:    #F2CD37;
  --color-admonition-warning-accent:    #c9a800;
  --color-admonition-warning-icon:      #b89400;
  --color-admonition-warning-text:      #5a4600;
  --color-admonition-caution-bg:        #fff5e8;
  --color-admonition-caution-border:    #F9BA61;
  --color-admonition-caution-accent:    #d47200;
  --color-admonition-caution-icon:      #c06800;
  --color-admonition-caution-text:      #5a3000;
  --color-admonition-important-bg:      #fdf0f0;
  --color-admonition-important-border:  #e5a0a0;
  --color-admonition-important-accent:  #C32119;
  --color-admonition-important-icon:    #a51a14;
  --color-admonition-important-text:    #6b0f0a;

  /* ── Warning banner (version / diff pages) ───────────────────────────────── */
  --color-banner-bg:           #fffde0;
  --color-banner-border:       #F2CD37;
  --color-banner-text:         #7a6200;
  --color-banner-text-strong:  #5a4800;
  --color-banner-code-bg:      rgba(242, 205, 55, 0.25);

  /* ── Images ─────────────────────────────────────────────────────────────── */
  --color-img-border:          #d4d9f0;

  /* ── General ─────────────────────────────────────────────────────────────── */
  --color-brand:               #1163A7;
  --color-border:              #d4d9f0;
  --font-ui:                   "PT Sans", sans-serif;
  font-family:                 "PT Sans", sans-serif;
}

/* ── Dark mode ────────────────────────────────────────────────────────────── */
/* Header and sidebar stay LEGO Dark Blue Violet — always on-brand.
   Content area shifts to a saturated dark navy that feels intentional
   rather than generic.                                                       */

[data-color-scheme="dark"] [data-theme="clug"] {
  /* ── Page / content areas ────────────────────────────────────────────────── */
  --color-page-bg:             #070b1e;
  --color-content-bg:          #0c1226;

  /* ── Doc body typography ─────────────────────────────────────────────────── */
  --color-doc-text:            #c8d4e8;
  --color-doc-text-secondary:  #7a90b8;
  --color-doc-text-muted:      #4d6080;
  --color-doc-heading:         #dce8f8;
  --color-doc-sectnum:         #2a3c5e;
  --color-doc-link:            #7bafd4;

  /* ── Code ────────────────────────────────────────────────────────────────── */
  --color-code-bg:             #0c172e;
  --color-code-border:         #162040;
  --color-pre-bg:              #07101e;

  /* ── Tables ──────────────────────────────────────────────────────────────── */
  --color-table-border:        #162040;
  --color-table-header-bg:     #0c172e;
  --color-table-header-text:   #7a90b8;
  --color-meta-divider:        #0c172e;
  --color-table-row-hover:     #111b38;

  /* ── Prose ───────────────────────────────────────────────────────────────── */
  --color-blockquote-border:   #2a3c5e;
  --color-blockquote-text:     #7a90b8;

  /* ── Search highlight ────────────────────────────────────────────────────── */
  --color-highlight-bg:        rgba(246, 252, 24, 0.18);

  /* ── Diff ────────────────────────────────────────────────────────────────── */
  --color-diff-add-bg:         rgba(27, 124, 62, 0.18);
  --color-diff-add-text:       #6ad98a;
  --color-diff-remove-bg:      rgba(195, 33, 25, 0.18);
  --color-diff-remove-text:    #f47c7c;

  /* ── State badges ────────────────────────────────────────────────────────── */
  --color-badge-published-bg:      rgba(27, 124, 62, 0.18);
  --color-badge-published-text:    #6ad98a;
  --color-badge-published-border:  rgba(27, 124, 62, 0.45);
  --color-badge-draft-bg:          rgba(249, 186, 97, 0.12);
  --color-badge-draft-text:        #F9BA61;
  --color-badge-draft-border:      rgba(249, 186, 97, 0.35);

  /* ── Admonition blocks ───────────────────────────────────────────────────── */
  --color-admonition-note-bg:           rgba(32, 50, 176, 0.18);
  --color-admonition-note-border:       rgba(32, 50, 176, 0.45);
  --color-admonition-note-accent:       #4a5fd4;
  --color-admonition-note-icon:         #7bafd4;
  --color-admonition-note-text:         #b0c8f5;
  --color-admonition-tip-bg:            rgba(27, 124, 62, 0.18);
  --color-admonition-tip-border:        rgba(27, 124, 62, 0.45);
  --color-admonition-tip-accent:        #1B7C3E;
  --color-admonition-tip-icon:          #6ad98a;
  --color-admonition-tip-text:          #90dfa0;
  --color-admonition-warning-bg:        rgba(242, 205, 55, 0.12);
  --color-admonition-warning-border:    rgba(242, 205, 55, 0.35);
  --color-admonition-warning-accent:    #F2CD37;
  --color-admonition-warning-icon:      #F6FC18;
  --color-admonition-warning-text:      #ede060;
  --color-admonition-caution-bg:        rgba(249, 186, 97, 0.12);
  --color-admonition-caution-border:    rgba(249, 186, 97, 0.30);
  --color-admonition-caution-accent:    #F9BA61;
  --color-admonition-caution-icon:      #f9a840;
  --color-admonition-caution-text:      #f5c870;
  --color-admonition-important-bg:      rgba(195, 33, 25, 0.12);
  --color-admonition-important-border:  rgba(195, 33, 25, 0.35);
  --color-admonition-important-accent:  #C32119;
  --color-admonition-important-icon:    #e84040;
  --color-admonition-important-text:    #f58080;

  /* ── Warning banner ─────────────────────────────────────────────────────── */
  --color-banner-bg:           #1a1400;
  --color-banner-border:       #7a6200;
  --color-banner-text:         #F2CD37;
  --color-banner-text-strong:  #F6FC18;
  --color-banner-code-bg:      #261e00;

  /* ── Images ─────────────────────────────────────────────────────────────── */
  --color-img-border:          #162040;

  /* ── General ─────────────────────────────────────────────────────────────── */
  --color-brand:               #7bafd4;
  --color-border:              #162040;
  color:                       var(--color-doc-text);
}