/* Cougar Den Storage — sister theme to Provo Central Storage.
   Same type, components and orange action color; logo blue replaces green, and the hero is a dark band. */
:root{
  --brand:#3b3496;          /* logo navy-violet (lettering is #2b2472) */
  --brand-ink:#2b2472;
  --brand-tint:#e9e7f6;
  --brand-hi:#b6b1f2;       /* light blue for text on dark bands */
  --ink:#15172a;
  --ink-2:#4b4e66;
  --line:#d8d9e8;
  --bg:#f5f5fa;
  --surface:#ffffff;
  --steel:#1a1742;          /* deep indigo bands */
  --steel-2:#25215c;
  --on-steel:#e8e9f5;
  --on-brand:#ffffff;
  --accent:#c95412;         /* shared with Provo Central */
  --accent-hover:#b0470d;
  --on-accent:#ffffff;
  --plan-bg:#eff0f7;--plan-floor:#ffffff;--line-on:rgba(21,23,42,.35);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --brand:#8d86e6;--brand-ink:#b6b1f2;--brand-tint:#1f1c45;--brand-hi:#b6b1f2;--ink:#e6e7f2;--ink-2:#a6a8c0;--line:#2c2f4d;
  --bg:#0f1020;--surface:#171a2e;--steel:#0b0c1a;--steel-2:#16193a;--on-steel:#e0e2f0;--on-brand:#0d0f22;
  --accent:#f0873a;--accent-hover:#f59a55;--on-accent:#1a0d03;--plan-bg:#14162a;--plan-floor:#1e2138;--line-on:rgba(0,0,0,.45);color-scheme:dark}}
:root[data-theme="dark"]{
  --brand:#8d86e6;--brand-ink:#b6b1f2;--brand-tint:#1f1c45;--brand-hi:#b6b1f2;--ink:#e6e7f2;--ink-2:#a6a8c0;--line:#2c2f4d;
  --bg:#0f1020;--surface:#171a2e;--steel:#0b0c1a;--steel-2:#16193a;--on-steel:#e0e2f0;--on-brand:#0d0f22;
  --accent:#f0873a;--accent-hover:#f59a55;--on-accent:#1a0d03;--plan-bg:#14162a;--plan-floor:#1e2138;--line-on:rgba(0,0,0,.45);color-scheme:dark}

/* base reset (the preview adds this; a normal web server does not) */
html{-webkit-text-size-adjust:100%}
body{margin:0}
img{max-width:100%}
[hidden]:not([hidden=until-found i]){display:none!important}

/* logo: cougar + lettering, transparent PNG with a lightened version for dark backgrounds */
.logo img{height:62px}
@media (max-width:480px){.logo img{height:50px}}
footer .foot-logo{height:80px}
footer a:hover{color:var(--brand-hi)}

/* dark hero */
.hero.hero-dark{background:var(--steel);color:var(--on-steel);border-bottom:0}
.hero-dark .eyebrow{color:var(--brand-hi)}
.hero-dark h1 em{color:var(--brand-hi)}
.hero-dark .lede{color:var(--on-steel);opacity:.82}
.hero-dark .btn-ghost{color:var(--on-steel)}
.hero-dark .btn-ghost:hover{background:var(--steel-2)}
.hero-dark .checks svg path{stroke:var(--brand-hi)}
.biggest{background:var(--steel-2);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:1.2rem;display:grid;gap:.8rem;min-width:0}
.biggest .foot{margin:0;height:auto;padding:1rem;background:var(--plan-bg)}
.biggest-top{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}
.biggest .unit-size{color:var(--on-steel)}
.biggest .unit-size small{color:var(--on-steel);opacity:.7}
.biggest p{margin:0;font-size:.95rem;opacity:.85}
.biggest .tag{background:rgba(255,255,255,.1);color:var(--brand-hi)}

/* who stores here */
.who{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.who h3{font-size:1.6rem;text-transform:uppercase;margin:.9rem 0 .4rem}
.who p{margin:0;color:var(--ink-2)}
.who.two{grid-template-columns:repeat(2,1fr);max-width:900px}
.student-note{margin:2rem 0 0;padding-top:1.2rem;border-top:1px dashed var(--line);color:var(--ink-2);max-width:68ch}
.student-note b{color:var(--ink)}
@media (max-width:760px){.who,.who.two{grid-template-columns:1fr}}

/* sister property */
.sister{background:var(--surface);border-block:1px solid var(--line)}
.sister .two-col{align-items:center}
.sister-card{border:2px solid #579a27;border-radius:var(--radius);padding:1.4rem;display:grid;gap:.6rem;background:var(--bg)}
.sister-card .eyebrow{color:#3f7419}
.sister-card .eyebrow::before{background:#579a27}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .sister-card .eyebrow{color:#8fd15c}}
:root[data-theme="dark"] .sister-card .eyebrow{color:#8fd15c}
.sister-card h3{font-size:1.9rem;text-transform:uppercase}
.sister-card ul{margin:0;padding-left:1.1rem;color:var(--ink-2)}
.sister-card a{font-weight:600}

/* pay */
.pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.8rem}
.pay-grid .panel h3{font-size:1.5rem;text-transform:uppercase;margin-bottom:.4rem}
.pay-grid .panel p{margin:0;color:var(--ink-2)}
@media (max-width:860px){.pay-grid{grid-template-columns:1fr}}

/* inside pages */
.sec3.sec4{grid-template-columns:repeat(2,1fr);gap:2.2rem 3rem;max-width:960px}
@media (max-width:760px){.sec3.sec4{grid-template-columns:1fr}}
.form-error{margin:0;padding:.6rem .8rem;border-radius:var(--radius);background:var(--brand-tint);color:var(--accent-hover);font-weight:600}
.g-recaptcha{min-height:78px;max-width:100%;overflow:hidden}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-status.is-error{color:var(--accent-hover)}
#contactForm,.form-status{scroll-margin-top:140px}
.form-status{font-size:1.05rem;padding:1rem 1.1rem;border:2px solid currentColor}
.form-status:focus{outline:none}