/*
 * Advance Support Co. theme palettes
 * These CSS custom properties drive the colour system for the toggle-able themes.
 */

/* Hero */

#hero {
  margin-left: 15vw;
  overflow: hidden;
}

#hero .section-background-overlay {
  background: linear-gradient(
    to bottom,
    rgba(var(--asc-bg-hero-rgb), 0.55),
    rgba(var(--asc-bg-hero-rgb), 0.25)
  );
}

#hero .asc-hero-spotlight {
  position: relative;
  z-index: 0;
  padding: 2rem 3rem;
}

#hero .asc-hero-spotlight h1,
#hero .asc-hero-spotlight p {
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

#hero .asc-hero-spotlight::before {
  content: "";
  position: absolute;
  inset: -18%;
  background: radial-gradient(
    circle at center,
    rgba(var(--asc-shadow-rgb), 0.5) 0%,
    rgba(var(--asc-shadow-rgb), 0.25) 35%,
    rgba(var(--asc-shadow-rgb), 0) 85%
  );
  filter: blur(38px);
  z-index: -1;
}


/* ================================
   Advance Support Co – Sunrise Care (Warm Default)
   ================================ */

:root[data-theme="asc-sunrise"],
body[data-theme="asc-sunrise"] {
  /* Core backgrounds */
  --asc-bg: #FFF6EC;
  --asc-bg-soft: #FDE7D3;
  --asc-bg-ghost: rgba(250, 215, 189, 0.35);
  --asc-bg-hero: #FAD7BD;
  --asc-bg-hero-rgb: 250, 215, 189;

  /* Brand & text */
  --asc-brand: #F28B3B;
  --asc-brand-soft: #FFB36A;
  --asc-text: #3C2620;
  --asc-text-muted: #7A5B4F;

  /* Supporting accents */
  --asc-accent-1: #F45B3F;
  --asc-accent-2: #F9C36B;
  --asc-accent-rgb: 244, 91, 63;

  /* Spotlight shadow (neutral warm brown) */
  --asc-shadow-rgb: 60, 38, 32;

  /* Borders & lines */
  --asc-border-subtle: #F2D5BF;
  --asc-border-strong: #E0AD7B;

  /* Buttons */
  --asc-btn-primary-bg: var(--asc-brand);
  --asc-btn-primary-text: #FFFFFF;
  --asc-btn-primary-hover: #E17627;

  --asc-btn-secondary-bg: #FFFFFF;
  --asc-btn-secondary-text: var(--asc-text);
  --asc-btn-secondary-border: var(--asc-border-strong);
  --asc-btn-secondary-hover-bg: #FFF0E1;

  /* Icons */
  --asc-icon-main: var(--asc-brand);
  --asc-icon-soft: var(--asc-accent-2);
}

/* ================================
   Advance Support Co – Calm Coastal Care
   ================================ */

:root[data-theme="asc-coastal"],
body[data-theme="asc-coastal"] {
  /* Core backgrounds */
  --asc-bg: #F6EFE7;
  --asc-bg-soft: #E5F0F4;
  --asc-bg-ghost: rgba(169, 214, 229, 0.30);
  --asc-bg-hero: #A9D6E5;
  --asc-bg-hero-rgb: 169, 214, 229;

  /* Brand & text */
  --asc-brand: #0C2D48;
  --asc-brand-soft: #3A506B;
  --asc-text: #122536;
  --asc-text-muted: #5C6B7A;

  /* Supporting accents */
  --asc-accent-1: #FF7F66;
  --asc-accent-2: #F2B8A3;
  --asc-accent-rgb: 255, 127, 102;

  /* Spotlight shadow (cool navy) */
  --asc-shadow-rgb: 18, 37, 54;

  /* Borders & lines */
  --asc-border-subtle: #D2DFE5;
  --asc-border-strong: #9BB3C3;

  /* Buttons */
  --asc-btn-primary-bg: var(--asc-accent-1);
  --asc-btn-primary-text: #FFFFFF;
  --asc-btn-primary-hover: #F0654A;

  --asc-btn-secondary-bg: #FFFFFF;
  --asc-btn-secondary-text: var(--asc-brand);
  --asc-btn-secondary-border: var(--asc-border-strong);
  --asc-btn-secondary-hover-bg: #EEF5F8;

  /* Icons */
  --asc-icon-main: var(--asc-accent-1);
  --asc-icon-soft: var(--asc-bg-hero);
}

/* ================================
   Advance Support Co – Berry & Blossom
   ================================ */

:root[data-theme="asc-berry"],
body[data-theme="asc-berry"] {
  /* Core backgrounds */
  --asc-bg: #FDF8F2;
  --asc-bg-soft: #EBDDF4;
  --asc-bg-ghost: rgba(255, 204, 179, 0.35);
  --asc-bg-hero: #FFCCB3;
  --asc-bg-hero-rgb: 255, 204, 179;

  /* Brand & text */
  --asc-brand: #572A4A;
  --asc-brand-soft: #7D3E72;
  --asc-text: #402035;
  --asc-text-muted: #775667;

  /* Supporting accents */
  --asc-accent-1: #F5A25C;
  --asc-accent-2: #FFC48D;
  --asc-accent-rgb: 245, 162, 92;

  /* Spotlight shadow (deep plum/brown) */
  --asc-shadow-rgb: 64, 32, 53;

  /* Borders & lines */
  --asc-border-subtle: #E9D2E9;
  --asc-border-strong: #CBA6CB;

  /* Buttons */
  --asc-btn-primary-bg: var(--asc-accent-1);
  --asc-btn-primary-text: #3C1C2F;
  --asc-btn-primary-hover: #E3893D;

  --asc-btn-secondary-bg: #FFFFFF;
  --asc-btn-secondary-text: var(--asc-brand);
  --asc-btn-secondary-border: var(--asc-border-strong);
  --asc-btn-secondary-hover-bg: #F8EDF9;

  /* Icons */
  --asc-icon-main: var(--asc-accent-1);
  --asc-icon-soft: var(--asc-bg-soft);
}

/* Utility styles for the floating toggle */

.acs-theme-toggle {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid var(--asc-border-subtle, #ddd);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  border-radius: 999px;
  padding: 0.25rem 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  z-index: 999;
  font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.acs-theme-toggle__label {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--asc-text-muted, #555);
}

.acs-theme-toggle__options {
  display: flex;
  gap: 0.35rem;
}

.acs-theme-toggle__option {
  border: 1px solid var(--asc-border-strong, #ccc);
  background: var(--asc-bg-soft, #fff);
  color: var(--asc-text, #222);
  border-radius: 999px;
  padding: 0.25rem 0.65rem;
  font-size: 0.8rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

.acs-theme-toggle__option.is-active,
.acs-theme-toggle__option:hover {
  border-color: var(--asc-brand, #333);
  color: #fff;
  background: var(--asc-brand, #333);
}

@media (max-width: 640px) {
  .acs-theme-toggle {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    bottom: 1rem;
  }
}