/* ===== Corinium Cleaners — Global Theme ===== */
:root{
  /* Brand palette */
  --cc-primary:#7b122e;   /* deep maroon */
  --cc-secondary:#0b2a3c; /* deep slate */
  --cc-accent:#15aabf;    /* accent teal */
  --cc-bg:#f8f9fb;        /* soft background */
  --cc-dark:#111827;      /* body text */

  /* Map to Bootstrap */
  --bs-primary: var(--cc-primary);
  --bs-secondary: var(--cc-secondary);
  --bs-info: var(--cc-accent);
  --bs-link-color: var(--cc-primary);
  --bs-link-hover-color: color-mix(in oklab, var(--cc-primary) 85%, black);
}

/* Base */
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--cc-dark);background:#fff}
a{text-decoration:none}
a:hover{opacity:.9}

/* Utilities */
.text-cc-primary{color:var(--cc-primary)!important}
.text-cc-secondary{color:var(--cc-secondary)!important}
.text-cc-accent{color:var(--cc-accent)!important}
.bg-ccbg{background:var(--cc-bg)!important}
.border-accent{border-color:var(--cc-accent)!important}
.rounded-4{border-radius:1rem!important}

/* Navbar */
.cc-nav .navbar-brand span{letter-spacing:.2px}
.navbar .nav-link.active,
.navbar .nav-link:focus,
.navbar .nav-link:hover{color:var(--cc-primary)}

/* Buttons */
.btn-primary{background:var(--cc-primary);border-color:var(--cc-primary)}
.btn-primary:hover{filter:brightness(.95)}
.btn-outline-secondary{color:var(--cc-secondary);border-color:var(--cc-secondary)}
.btn-outline-secondary:hover{background:var(--cc-secondary);color:#fff}

/* Cards & tiles */
.card, .service-tile{border:1px solid #eef0f6}

/* Hero accent */
.hero-accent{
  position:absolute; inset:auto -20% -40% auto; width:60vw; height:60vw;
  background:radial-gradient(closest-side, color-mix(in oklab, var(--cc-accent) 20%, transparent) 0%, transparent 60%);
  filter:blur(10px); pointer-events:none;
}

/* Tables, accordions, breadcrumbs */
.table thead{background:var(--cc-bg)}
.accordion-button:not(.collapsed){color:var(--cc-secondary)}
.breadcrumb .breadcrumb-item a{color:var(--cc-secondary)}


/* Writen by PGK */
.table > thead.table-heading-maroon > tr > th {
  background-color: #7B122E !important;
  color: #fff !important;
  text-align:center; /*optional*/
  }

/* Footer (black theme) */
.footer-black{background:#000;color:#f1f1f1}
.footer-black a{color:#f1f1f1}
.footer-black a:hover{opacity:.9}

/* Forms */
.form-control:focus{
  border-color:var(--cc-accent);
  box-shadow:0 0 0 .2rem color-mix(in oklab, var(--cc-accent) 25%, transparent);
}