/* ============================================================
   THEME.CSS — 5-Color Bootstrap-Compatible Palette
   ============================================================ */

/* === Light Theme =========================================== */
:root,
[data-bs-theme="light"] {
  /* Core Palette */
  --primary-color:   #a607b4;
  --secondary-color: #726B75;
  --accent-color:    #C6B5CE;
  --dark-color:      #000000;
  --light-color:     #FFFFFF;

  /* Bootstrap Variable Mapping */
  --bs-primary: var(--primary-color);
  --bs-secondary: var(--secondary-color);
  --bs-body-bg: var(--light-color);
  --bs-body-color: var(--dark-color);
  --bs-heading-color: var(--dark-color);
  --bs-border-color: var(--accent-color);

  /* Links */
  --bs-link-color: var(--primary-color);
  --bs-link-hover-color: color-mix(in srgb, var(--primary-color) 80%, var(--secondary-color));

  /* Buttons */
  --bs-btn-bg: var(--primary-color);
  --bs-btn-color: var(--light-color);
  --bs-btn-border-color: var(--primary-color);

  /* Accent Components */
  --bs-info: var(--accent-color);
  --bs-light: var(--light-color);
  --bs-dark: var(--dark-color);

  /* Form & Code Elements */
  --bs-code-color: var(--primary-color);
  --bs-focus-ring-color: color-mix(in srgb, var(--primary-color) 25%, transparent);
}

/* === Dark Theme ============================================ */
[data-bs-theme="dark"] {
  color-scheme: dark;

  /* Same Palette */
  --primary-color:   #b21ec0;
  --secondary-color: #726B75;
  --accent-color:    #C6B5CE;
  --dark-color:      #000000;
  --light-color:     #FFFFFF;

  /* Bootstrap Variable Mapping (inverted contrast) */
  --bs-body-bg: var(--dark-color);
  --bs-body-color: var(--light-color);
  --bs-heading-color: var(--light-color);
  --bs-border-color: var(--secondary-color);

  /* Links */
  --bs-link-color: var(--primary-color);
  --bs-link-hover-color: var(--accent-color);

  /* Buttons */
  --bs-btn-bg: var(--primary-color);
  --bs-btn-color: var(--light-color);
  --bs-btn-border-color: var(--primary-color);

  /* Accent Elements */
  --bs-info: var(--accent-color);
  --bs-light: var(--light-color);
  --bs-dark: var(--dark-color);
}