/*
 * CivicView / OpenCitiesLab brand — WordPress front-end, admin, and login base.
 * Enqueued by the civicview-branding mu-plugin. The @font-face + :root block is
 * copied from sso/branding/tokens.css (canonical). Font url()s are relative to this
 * file (served from .../civicview-branding/assets/brand.css).
 */

@font-face {
  font-family: 'Montserrat';
  font-style: normal; font-weight: 500 800; font-display: swap;
  src: url('fonts/montserrat.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('fonts/poppins-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal; font-weight: 500; font-display: swap;
  src: url('fonts/poppins-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal; font-weight: 600; font-display: swap;
  src: url('fonts/poppins-600.woff2') format('woff2');
}

:root {
  --ocl-orange: #D66139;
  --ocl-orange-dark: #b64f2c;
  --ocl-gold:   #FAAD00;
  --ocl-gold-dark: #d99700;
  --ocl-navy:   #1C244B;
  --ocl-slate:  #2F3542;
  --ocl-teal:   #388F76;
  --ocl-bg:     #F9FAFD;
  --ocl-white:  #FFFFFF;
  --ocl-text:   #333333;
  --ocl-muted:  #707070;
  --ocl-font-heading: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ocl-font-body: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ocl-radius: 8px;
  --ocl-radius-pill: 100px;
}

/* ── Front-end theme ─────────────────────────────────────────────── */
body:not(.wp-admin) {
  font-family: var(--ocl-font-body);
  color: var(--ocl-text);
}
body:not(.wp-admin) h1,
body:not(.wp-admin) h2,
body:not(.wp-admin) h3,
body:not(.wp-admin) h4,
body:not(.wp-admin) h5,
body:not(.wp-admin) h6 {
  font-family: var(--ocl-font-heading);
  color: var(--ocl-slate);
}
body:not(.wp-admin) a {
  color: var(--ocl-orange);
}
body:not(.wp-admin) a:hover {
  color: var(--ocl-orange-dark);
}

/* Front-end buttons → gold pill CTA (covers block, classic, and WP core buttons). */
body:not(.wp-admin) .wp-block-button__link,
body:not(.wp-admin) .wp-element-button,
body:not(.wp-admin) button:not(.wp-admin *),
body:not(.wp-admin) input[type="submit"],
body:not(.wp-admin) .button {
  background-color: var(--ocl-gold);
  border-color: var(--ocl-gold);
  color: var(--ocl-white);
  border-radius: var(--ocl-radius-pill);
  font-family: var(--ocl-font-body);
  font-weight: 600;
}
body:not(.wp-admin) .wp-block-button__link:hover,
body:not(.wp-admin) .wp-element-button:hover,
body:not(.wp-admin) input[type="submit"]:hover,
body:not(.wp-admin) .button:hover {
  background-color: var(--ocl-gold-dark);
  border-color: var(--ocl-gold-dark);
  color: var(--ocl-white);
}

/* ── Admin accents (kept light — don't fight core admin layout) ──── */
.wp-core-ui .button-primary {
  background: var(--ocl-orange);
  border-color: var(--ocl-orange-dark);
  color: var(--ocl-white);
}
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
  background: var(--ocl-orange-dark);
  border-color: var(--ocl-orange-dark);
}
#adminmenu a:hover,
#adminmenu li.menu-top:hover,
#adminmenu li.opensub > a.menu-top,
#adminmenu li > a.menu-top:focus {
  color: var(--ocl-gold);
}