/* Single source of truth for portfolio accents. Product media and covers retain their own palettes. */
:root{--accent:#2B2BD9;--accent-pressed:#1F1FA8;--accent-tint:#EEEEFF;--highlight:#D8F56A;--highlight-ink:#111827}
body.home-page,body.about-page,body.experiments-page,body.payrentz-page{--orange:var(--accent);--orange-text:var(--accent);--blue:var(--accent)}
body header .nav .brand-symbol{background:var(--accent);color:white}
body header .nav .links a[aria-current],body.home-page .links a[href="#work"]{text-decoration-color:var(--accent)}
body header .nav .links .nav-divider{background:var(--accent)}
body header .nav .links a:hover,body header .nav .links .nav-email:hover{color:var(--accent-pressed)}
body.home-page .hero-eyebrow .hero-name,body.home-page #work .section-title .mono,body.home-page .experience .section-title .mono,body.home-page .about-copy>.mono,body.home-page .small-star,body.home-page .experience-row h3 .small-star,body.home-page .case-study-link,body.about-page .section-head .mono,body.about-page .card-top,body.about-page .card-top .spark,body.about-page .outline-star,body.about-page .intro-tag .pin,body.about-page .intro-tag .star,body.experiments-page .experiments-heading .mono,body.experiments-page .experiment-item figcaption span:last-child,body.experiments-page .experiment-reel figcaption a{color:var(--accent)}
body.home-page .case-study-tags span,body.home-page .case-study-tags span+span,body.home-page #m-indicator-project .case-study-tags span,body.home-page .experience-row .date,body.home-page .about-link,body.about-page .badge,body .experiment-close{background:var(--accent-tint);color:var(--accent)}
body.about-page .badge{border-color:var(--accent)}
body.home-page .case-study-link:hover,body.home-page .about-link:hover{color:var(--accent-pressed)}
body.experiments-page .experiment-tile:hover{border-color:var(--accent)}
body.home-page #intro .hero-highlight{background:linear-gradient(to bottom,transparent 40%,var(--highlight) 40%);padding-inline:.15em;color:var(--accent);box-decoration-break:clone;-webkit-box-decoration-break:clone}
body .portfolio-footer .footer-main h2 em{background:var(--highlight);color:var(--highlight-ink);box-decoration-break:clone;-webkit-box-decoration-break:clone}
body .portfolio-footer .footer-right a.hello{background:var(--accent);color:var(--highlight)}
body .portfolio-footer .footer-right a.hello:hover,body .portfolio-footer .footer-right a.hello:active{background:var(--accent-pressed);color:var(--highlight)}
body .portfolio-footer .footer-socials a,body .portfolio-footer .footer-bottom a,body.payrentz-page .next-project span{color:var(--accent)}
body .portfolio-footer .footer-socials a:hover,body .portfolio-footer .footer-bottom a:hover{color:var(--accent-pressed)}
body.payrentz-page .next-project>a:hover{background:var(--accent-tint);border-color:var(--accent)}
body.payrentz-page .eyebrow,body.payrentz-page .facts small,body.payrentz-page .sidebar nav a.active,body.payrentz-page .sidebar nav a:hover,body.payrentz-page .back:hover,body.novvel-page .novvel-findings small,body.novvel-page .brand-process{color:var(--accent)}
body.payrentz-page .impact{background:var(--accent-tint)}
body.payrentz-page .live-link{background:var(--accent);color:white}
body.payrentz-page .live-link:hover,body.payrentz-page .live-link:active{background:var(--accent-pressed)}
/* Cursor colours only: paths, timing, card contents and keyframes are retained. */
body.home-page .hero-ui-cards .ih-cur-web{--c:#D94D91}
body.home-page .hero-ui-cards .ih-cur-app{--c:#F2B92E;color:#F2B92E}
body.home-page .hero-ui-cards .ih-cur-web .ih-tag{background:#D94D91;color:white}
body.home-page .hero-ui-cards .ih-cur-app .ih-tag{background:#F2B92E;color:var(--highlight-ink)}
::selection{background:var(--highlight);color:var(--highlight-ink)}
body a:focus-visible,body button:focus-visible,body [tabindex]:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important}
/* The case-study brand system is product content, rather than portfolio chrome. */
body.payrentz-page #system{--orange:#f56d26;--orange-text:#c2410c}
body.payrentz-page .findings b,body.payrentz-page .constraints-grid b{color:var(--accent)}
body.home-page .about h2 em{color:var(--accent)}
body.about-page .interest:hover{background-color:var(--accent-tint)}

/* Requested accent and footer refinements. */
body.home-page #intro,body.home-page #intro .hero-highlight{color:#111827;background:none;padding-inline:0}
body header .nav .links .nav-divider{background:var(--highlight)}
body header .nav .links .nav-email.is-copied,body header .nav .links .nav-email.is-copied:hover{background:var(--highlight);color:#415400;border-radius:3px;box-shadow:0 0 0 4px var(--highlight)}
body .portfolio-footer .footer-main h2{font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:500;color:var(--accent)}
body .portfolio-footer .footer-main h2 em{font:inherit;font-style:normal;background:none;color:var(--highlight)}
body .portfolio-footer .footer-socials{align-items:center;gap:12px 18px}
body .portfolio-footer .footer-email-row{flex-basis:100%;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
body .portfolio-footer .footer-copy-email{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:32px;min-height:32px;border:0;background:transparent;color:var(--accent);padding:4px;border-radius:4px;font:500 13px Geist,Arial,sans-serif}
body .portfolio-footer .footer-email-row.is-copied>a{background:var(--highlight);color:#415400;box-shadow:0 0 0 3px var(--highlight);border-radius:2px}
body.home-page .experience-row:first-child .date{background:var(--highlight);color:#415400}
body.home-page .experience-row:nth-child(2) .date{background:var(--accent-tint);color:var(--accent)}
body.home-page .experience-identity strong a:hover{text-decoration:underline;text-underline-offset:4px}

/* Email copy pill matches the supplied outlined and lavender states. */
body .portfolio-footer .footer-email-row{gap:10px 12px}
body .portfolio-footer .footer-email-pill{display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 18px;border:1px solid #b8bbc1;border-radius:999px;background:#fff;max-width:100%;transition:background-color .18s ease,border-color .18s ease}
body .portfolio-footer .footer-email-pill>a{color:var(--accent);font:500 14px/1.6 Geist,Arial,sans-serif;overflow-wrap:anywhere}
body .portfolio-footer .footer-email-pill:hover,body .portfolio-footer .footer-email-pill:focus-within,body .portfolio-footer .footer-email-row.is-copied .footer-email-pill{background:#DEDAFA;border-color:#77748A}
body .portfolio-footer .footer-email-row.is-copied .footer-email-pill>a{background:none;box-shadow:none;color:var(--accent)}
body .portfolio-footer .copy-feedback{font:500 13px/1.5 Geist,Arial,sans-serif;color:var(--accent)}
body .portfolio-footer .footer-copy-email{flex-shrink:0}
@media(prefers-reduced-motion:reduce){body .portfolio-footer .footer-email-pill{transition:none}}

/* The complete email pill is one accessible copy control. */
body .portfolio-footer button.footer-email-pill.footer-copy-email{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;padding:6px 16px 6px 18px;border:1px solid #b8bbc1;border-radius:999px;background:#fff;color:var(--accent);max-width:100%;min-height:46px;font:500 14px/1.6 Geist,Arial,sans-serif;text-transform:none;letter-spacing:0}
body .portfolio-footer button.footer-email-pill.footer-copy-email:hover,body .portfolio-footer button.footer-email-pill.footer-copy-email:focus-visible,body .portfolio-footer .footer-email-row.is-copied button.footer-email-pill.footer-copy-email{background:#DEDAFA;border-color:#77748A}
body .portfolio-footer .footer-email-address{overflow-wrap:anywhere;text-align:left}
body .portfolio-footer button.footer-email-pill svg{flex-shrink:0}

body .portfolio-footer .footer-main h2 em{background:var(--accent);color:var(--highlight);padding:0 .15em;box-decoration-break:clone;-webkit-box-decoration-break:clone}

body.payrentz-page .sidebar .mark.brand-symbol{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;font:400 20px/1 Geist,Arial,sans-serif;letter-spacing:0;transition:transform .25s ease}
body.payrentz-page .sidebar .mark.brand-symbol:hover,body.payrentz-page .sidebar .mark.brand-symbol:focus-visible{transform:rotate(20deg)}
@media(max-width:767px){body.payrentz-page .sidebar .mark.brand-symbol{width:34px;height:34px;font-size:18px}}
@media(prefers-reduced-motion:reduce){body.payrentz-page .sidebar .mark.brand-symbol{transition:none}body.payrentz-page .sidebar .mark.brand-symbol:hover,body.payrentz-page .sidebar .mark.brand-symbol:focus-visible{transform:none}}