/* ---------------------------------
   theme.css  –  quick visual refresh
   --------------------------------- */

/* === 1. COLOUR PALETTE ===================== */
/* Coastal Teal */
:root {
    --accent: #00a37a;
    --accent-hover: #00916d;
    --bg-tint: #edf9f6;
    /* plain fallback if colour-mix() isn’t supported */
}

/* Coral Sunset */
/*
:root {
  --accent:       #ff7f50;
  --accent-hover: #ff9770;
  --bg-tint:      #fff6f2;
}
*/

/* Indigo Pop */
/*
:root {
  --accent:       #5060ff;
  --accent-hover: #6f78ff;
  --bg-tint:      #f4f6ff;
}
*/

/* === 2. GLOBAL BACKGROUND ================== */
body {
    /* plain hex for older browsers */
    background: var(--bg-tint);

    /* subtle wash for modern ones */
    background: color-mix(in srgb, var(--bg-tint) 92%, var(--accent) 8%);
}

#page-wrapper {
    background: var(--bg-tint);
}


/* === 3. ACCENT TOUCHES ===================== */
/* buttons & links */
a,
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.button {
    color: var(--accent);
    border-bottom-color: rgba(0, 0, 0, 0);
    /* remove grey underline */
}

a:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover,
.button:hover {
    color: #fff !important;
    background: var(--accent-hover);
}

/* existing salmon-pink buttons → new accent */
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.button,
#nav>ul>li.active>a:before,
#nav>ul>li:hover>a:before,
#nav>ul>li.active>a>span,
#nav>ul>li:hover>a>span {
    background: var(--accent);
}

input[type="button"]:hover,
input[type="submit"]:hover,
button:hover,
.button:hover {
    background: var(--accent-hover);
}

/* === 4. OPTIONAL – FAINT DIAGONAL GRADIENT == */
/* Uncomment if you’d like an almost-invisible texture on huge monitors */
/*
body {
  background:
    linear-gradient(135deg,
      color-mix(in srgb, var(--accent) 6%, transparent) 0%,
      transparent 60%),
    color-mix(in srgb, var(--bg-tint) 92%, var(--accent) 8%);
}
*/