/* Public palette from https://cmindonesia.com/wp-content/uploads/the-core-style.css.
   Edit these values to recolor the public website; admin styles are independent. */
.public-site {
  --theme-primary: #e62129;
  --theme-secondary: #008f95;
  --theme-accent: #fbc72c;
  --theme-accent-dark: #e9b000;
  --theme-accent-light: #fddc7c;
  --theme-heading: #1f1f1f;
  --theme-text: #1f1f1f;
  --theme-text-muted: #666666;
  --theme-link: var(--theme-primary);
  --theme-background: #ffffff;
  --theme-surface: #ffffff;
  --theme-border: #dee0e1;
  --theme-dark: #2a2e31;
  --theme-footer-background: var(--theme-dark);
  --theme-footer-bar: var(--theme-secondary);
  --theme-primary-content: #ffffff;
  --theme-secondary-content: #ffffff;
  --theme-accent-content: #1f1f1f;
  --theme-dark-content: #ffffff;
  --theme-primary-light: color-mix(in srgb, var(--theme-primary) 5%, var(--theme-surface));
  --theme-primary-muted: color-mix(in srgb, var(--theme-primary) 40%, var(--theme-surface));
  --theme-secondary-light: color-mix(in srgb, var(--theme-secondary) 8%, var(--theme-surface));
  --theme-accent-muted: color-mix(in srgb, var(--theme-accent) 40%, var(--theme-surface));
  --theme-success: #237545;
  --theme-warning: #85621d;
  --theme-danger: #b53049;
  --theme-info: #256a9a;
  --theme-success-light: color-mix(in srgb, var(--theme-success) 8%, var(--theme-surface));
  --theme-warning-light: color-mix(in srgb, var(--theme-warning) 8%, var(--theme-surface));
  --theme-danger-light: color-mix(in srgb, var(--theme-danger) 8%, var(--theme-surface));
  --theme-info-light: color-mix(in srgb, var(--theme-info) 8%, var(--theme-surface));

  /* Compatibility with existing public components and utilities. */
  --color-cmid-red: var(--theme-primary);
  --color-cmid-red-light: var(--theme-primary-light);
  --color-cmid-red-muted: var(--theme-primary-muted);
  --color-cmid-gold: var(--theme-accent);
  --color-cmid-gold-light: var(--theme-accent-light);
  --color-cmid-gold-muted: var(--theme-accent-muted);
  --color-cmid-dark: var(--theme-heading);
  --color-cmid-warm-bg: var(--theme-background);
  --color-cmid-warm-border: var(--theme-border);
  --color-cmid-cream: var(--theme-background);
  --color-primary: var(--theme-primary);
  --color-primary-content: var(--theme-primary-content);
  --color-secondary: var(--theme-secondary);
  --color-secondary-content: var(--theme-secondary-content);
  --plyr-color-main: var(--theme-primary);
  --bs-primary: var(--theme-primary);
  --bs-secondary: var(--theme-secondary);
  --bs-success: var(--theme-success);
  --bs-warning: var(--theme-warning);
  --bs-danger: var(--theme-danger);
  --bs-info: var(--theme-info);
  --bs-body-color: var(--theme-text);
  --bs-body-bg: var(--theme-background);
  --bs-border-color: var(--theme-border);
  --bs-link-color: var(--theme-link);
  --bs-link-hover-color: var(--theme-secondary);
  background: var(--theme-background);
}
.public-site a:hover { color: var(--theme-secondary); }
.public-site .rdn_btn:not(.btn_black):not(.btn_line):not(.btn_line_dark):not(.btn_white):not(.raos-button-ghost):not(.raos-bg-white):not(.raos-button-danger) {
  color: var(--theme-primary-content);
}
.public-site .rdn_btn:not(.btn_black):not(.btn_white):hover {
  background-color: var(--theme-secondary);
  border-color: var(--theme-secondary);
  color: var(--theme-secondary-content);
}
.public-site .rdn_btn.btn_black { color: var(--theme-dark-content); }
.public-site .raos-button-danger { color: var(--theme-primary-content); }
.public-site .raos-badge-danger { background: var(--theme-danger-light); }
.public-site .bg_yellow, .public-site .raos-bg-gold { color: var(--theme-accent-content); }
.public-site .bg_yellow h1, .public-site .bg_yellow h2,
.public-site .bg_yellow h3 { color: var(--theme-accent-content); }
.public-site .raos-footer {
  background: var(--theme-footer-background);
  color: var(--theme-dark-content);
}
.public-site .raos-footer h3, .public-site .raos-footer a { color: var(--theme-dark-content); }
.public-site .raos-footer a:hover { color: var(--theme-accent); }
.public-site .raos-footer .footer_gray_social a {
  background: var(--theme-surface);
  color: var(--theme-secondary);
}
.public-site .raos-footer .footer_gray_social a:hover { color: var(--theme-primary); }
.public-site .raos-footer-bar {
  background: var(--theme-footer-bar);
  color: var(--theme-secondary-content);
}
/* Bootstrap component colors use local variables rather than the global palette. */
.public-site .btn-primary {
  --bs-btn-color: var(--theme-primary-content);
  --bs-btn-hover-color: var(--theme-secondary-content);
  --bs-btn-active-color: var(--theme-secondary-content);
  --bs-btn-disabled-color: var(--theme-primary-content);
}
.public-site .btn-secondary {
  --bs-btn-color: var(--theme-secondary-content);
  --bs-btn-hover-color: var(--theme-secondary-content);
  --bs-btn-active-color: var(--theme-secondary-content);
  --bs-btn-disabled-color: var(--theme-secondary-content);
}
.public-site .btn-outline-primary, .public-site .btn-outline-secondary {
  --bs-btn-hover-color: var(--theme-secondary-content);
  --bs-btn-active-color: var(--theme-secondary-content);
}
.public-site .raos-image-badge, .public-site .raos-podcast-play,
.public-site .raos-pagination button.active, .public-site .raos-pagination button:hover:enabled,
.public-site .raos-category-pills .active, .public-site .raos-category-pills button:hover,
.public-site .raos-category-pills a:hover, .public-site .raos-button.active {
  color: var(--theme-primary-content);
}

.public-site .rdn_btn.btn_line { color: var(--theme-primary); }
.public-site .rdn_btn.raos-button-ghost { color: var(--theme-heading); }
.public-site .btn:focus-visible {
  box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--theme-primary) 25%, transparent);
}
.public-site .form-check-input:focus {
  border-color: var(--theme-primary);
  box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--theme-primary) 25%, transparent);
}

.public-site {
  --bs-primary-text-emphasis: var(--theme-primary);
  --bs-primary-bg-subtle: var(--theme-primary-light);
  --bs-primary-border-subtle: color-mix(in srgb, var(--theme-primary) 30%, var(--theme-surface));
}

.public-site {
  --bs-secondary-text-emphasis: var(--theme-secondary);
  --bs-secondary-bg-subtle: var(--theme-secondary-light);
  --bs-secondary-border-subtle: color-mix(in srgb, var(--theme-secondary) 30%, var(--theme-surface));
}

.public-site {
  --bs-success-text-emphasis: var(--theme-success);
  --bs-success-bg-subtle: var(--theme-success-light);
  --bs-success-border-subtle: color-mix(in srgb, var(--theme-success) 30%, var(--theme-surface));
}

.public-site {
  --bs-warning-text-emphasis: var(--theme-warning);
  --bs-warning-bg-subtle: var(--theme-warning-light);
  --bs-warning-border-subtle: color-mix(in srgb, var(--theme-warning) 30%, var(--theme-surface));
}

.public-site {
  --bs-danger-text-emphasis: var(--theme-danger);
  --bs-danger-bg-subtle: var(--theme-danger-light);
  --bs-danger-border-subtle: color-mix(in srgb, var(--theme-danger) 30%, var(--theme-surface));
}

.public-site {
  --bs-info-text-emphasis: var(--theme-info);
  --bs-info-bg-subtle: var(--theme-info-light);
  --bs-info-border-subtle: color-mix(in srgb, var(--theme-info) 30%, var(--theme-surface));
}