/* ==========================================
   THEME VARIABLES
   Default = dark  |  Toggle sets data-bs-theme
   ========================================== */

:root,
[data-bs-theme="dark"] {
  /* Fonts */
  --font-heading:         "Nunito Sans", sans-serif;
  --font-body:            "Catamaran", sans-serif;

  /* Backgrounds */
  --bg-page:          #171A1F;
  --bg-page-alt:      #16191C;
  --bg-sidebar:       #16191C;
  --bg-surface:       #2B3035;
  --bg-surface-2:     #2C3135;
  --bg-surface-deep:  #212221;
  --bg-surface-inset: #212221;
  --bg-popup:         #2B3035;
  --bg-modal:         #2C3135;
  --bg-input:         #2B3035;
  --bg-input-focus:   #2C3135;
  --bg-hover:         #212221;

  /* Borders */
  --border:           #535E69;
  --border-subtle:    #2C3135;
  --border-input:     #535E69;

  /* Text */
  --text-primary:     #FFFFFF;
  --text-body:        #DADADA;
  --text-secondary:   #DEE1E6;
  --text-muted:       #979797;
  --text-faint:       #535E69;
  --text-dimmed:      #979797;
  --text-placeholder: #535E69;

  /* Brand accent */
  --accent:           #96DAA8;
  --accent-hover:     #7dcf9e;
  --accent-text:      #171A1F;
  --accent-icon-bg:   #212221;
  --study-icon-bg:    #212221;
  --study-card-bg:    #16191C;
  --study-view-weight: 400;
  --btn-archived-bg:  #DADADA;
  --btn-archived-color: #16191C;

  /* Tooltip */
  --tooltip-bg:       #2B3035;
  --tooltip-border:   #535E69;
  --tooltip-text:     #DADADA;
  --copy-btn:         #979797;

  /* Sidebar */
  --sidebar-link:     #535E69;

  /* Buttons */
  --btn-primary-bg:       #96DAA8;
  --btn-primary-color:    #16191C;
  --btn-primary-border:   #16191C;
  --btn-primary-hover:    #7dcf9e;
  --btn-secondary-bg:     transparent;
  --btn-secondary-color:  #DADADA;
  --btn-secondary-border: #535E69;
  --btn-secondary-hover:  rgba(255, 255, 255, 0.06);

  /* Shadows */
  --shadow-md:        rgba(0, 0, 0, 0.45);
  --shadow-lg:        rgba(0, 0, 0, 0.55);

  /* Alpha overlays — used for rgba hover/border effects */
  --alpha-border-faint:  rgba(255, 255, 255, 0.05);
  --alpha-border-subtle: rgba(255, 255, 255, 0.12);
  --alpha-border-light:  rgba(255, 255, 255, 0.18);
  --alpha-bg-subtle:     rgba(255, 255, 255, 0.03);
  --alpha-bg-muted:      rgba(255, 255, 255, 0.06);
  --alpha-bg-hover:      rgba(255, 255, 255, 0.08);
  --alpha-bg-strong:     rgba(255, 255, 255, 0.10);
  --alpha-surface-header:rgba(255, 255, 255, 0.03);

  /* Green accent tile — used for stat cards, panel headers, action button cols */
  --bg-accent-tile:   #96DAA8;
}

/* Bootstrap's .text-light is near-white regardless of theme — correct it for headings in light mode */
[data-bs-theme="light"] h1.text-light,
[data-bs-theme="light"] h2.text-light,
[data-bs-theme="light"] h3.text-light,
[data-bs-theme="light"] h4.text-light,
[data-bs-theme="light"] h5.text-light,
[data-bs-theme="light"] h6.text-light {
  color: var(--text-body) !important;
}

[data-bs-theme="light"] {
  /* Backgrounds */
  --bg-page:          #FFFFFF;
  --bg-page-alt:      #DEE1E6;
  --bg-sidebar:       #FFFFFF;
  --bg-surface:       #FFFFFF;
  --bg-surface-2:     #D1F0D8;
  --bg-surface-deep:  #D1F0D8;
  --bg-surface-inset: #D1F0D8;
  --bg-popup:         #FFFFFF;
  --bg-modal:         #FFFFFF;
  --bg-input:         #FFFFFF;
  --bg-input-focus:   #E8F0F8;
  --bg-hover:         #DEE1E6;

  /* Borders */
  --border:           #B8C5D3;
  --border-subtle:    #DEE1E6;
  --border-input:     #B8C5D3;

  /* Text */
  --text-primary:     #16191C;
  --text-body:        #16191C;
  --text-secondary:   #213936;
  --text-muted:       #535E69;
  --text-faint:       #B8C5D3;
  --text-dimmed:      #535E69;
  --text-placeholder: #B8C5D3;

  /* Brand accent */
  --accent:           #96DAA8;
  --accent-hover:     #7dcf9e;
  --accent-text:      #213936;
  --accent-icon-bg:   #D1F0D8;
  --study-icon-bg:    #D1F0D8;
  --study-card-bg:    #D1F0D8;
  --study-view-weight: 700;
  --btn-archived-bg:  #DADADA;
  --btn-archived-color: #16191C;

  /* Tooltip */
  --tooltip-bg:       #FFFFFF;
  --tooltip-border:   #B8C5D3;
  --tooltip-text:     #16191C;
  --copy-btn:         #B8C5D3;

  /* Sidebar */
  --sidebar-link:     #213936;

  /* Buttons */
  --btn-primary-bg:       #213936;
  --btn-primary-color:    #FFFFFF;
  --btn-primary-border:   #213936;
  --btn-primary-hover:    #1a2d2b;
  --btn-secondary-bg:     #DADADA;
  --btn-secondary-color:  #16191C;
  --btn-secondary-border: transparent;
  --btn-secondary-hover:  #c8c8c8;

  /* Shadows */
  --shadow-md:        rgba(0, 0, 0, 0.10);
  --shadow-lg:        rgba(0, 0, 0, 0.15);

  /* Alpha overlays — light equivalents */
  --alpha-border-faint:  rgba(0, 0, 0, 0.04);
  --alpha-border-subtle: rgba(0, 0, 0, 0.10);
  --alpha-border-light:  rgba(0, 0, 0, 0.14);
  --alpha-bg-subtle:     rgba(0, 0, 0, 0.02);
  --alpha-bg-muted:      rgba(0, 0, 0, 0.04);
  --alpha-bg-hover:      rgba(0, 0, 0, 0.05);
  --alpha-bg-strong:     rgba(0, 0, 0, 0.07);
  --alpha-surface-header:rgba(0, 0, 0, 0.02);

  /* Green accent tile */
  --bg-accent-tile:   #D1F0D8;
}