/*
Theme Name: Accessible Contrast
Version: 2.1.0
Requires at least: 6.6
Requires PHP: 8.2
Text Domain: accessible-contrast
License: GPL-2.0-or-later
*/
:root{
--black:#111;
--white:#fff;
--focus:#ffbf00;
--max:70rem
}
*{
box-sizing:border-box
}
html{
scroll-behavior:smooth
}
body{
margin:0;
background:var(--white);
color:var(--black);
font:1.125rem/1.65 system-ui,sans-serif
}
a{
color:#003b70;
text-decoration-thickness:.16em;
text-underline-offset:.18em
}
a:focus-visible{
outline:.35rem solid var(--focus);
outline-offset:.2rem
}
.contrast-skip{
position:fixed;
top:-6rem;
left:1rem;
background:var(--black);
color:var(--white);
padding:1rem;
z-index:9
}
.contrast-skip:focus{
top:1rem
}
.contrast-header,.contrast-footer,.contrast_access-main{
max-width:var(--max);
margin:auto;
padding:1.5rem
}
.contrast-header{
border-bottom:.4rem solid var(--black)
}
.contrast-header a{
font-weight:900
}
.contrast-header ul,.contrast-footer ul,.landmark-links{
display:flex;
flex-wrap:wrap;
gap:1rem;
list-style:none;
padding:0
}
.contrast_access-main>*{
padding-block:2rem;
border-bottom:.2rem solid var(--black)
}
h1{
font-size:clamp(2.7rem,7vw,5.5rem);
line-height:1
}
h2{
font-size:2rem
}
.large-text{
max-width:48rem;
font-size:1.4rem
}
.landmark-links a{
display:inline-block;
padding:.8rem 1rem;
border:.2rem solid var(--black);
font-weight:900
}
.contrast_access-prose,.contrast_access-document{
max-width:48rem
}
.contrast_access-listings{
display:grid;
gap:1.5rem
}
.contrast_access-listings article,.contrast_access-loop article,.contrast_access-questions article{
padding:1.5rem;
border:.2rem solid var(--black)
}
.contrast_access-status{
font-weight:900
}
.contrast_access-listings img{
max-width:20rem;
height:auto
}
.contrast-footer{
border-top:.4rem solid var(--black)
}
img{
max-width:100%;
height:auto
}
@media(max-width:42rem){
body{
font-size:1rem
}
.landmark-links{
display:grid
}
.landmark-links a{
display:block
}
}
@media(prefers-reduced-motion:reduce){
html{
scroll-behavior:auto
}
*,*::before,*::after{
animation:none!important;
transition:none!important
}
}
@media(forced-colors:active){
.landmark-links a,.contrast_access-listings article,.contrast_access-loop article{
border-color:CanvasText
}
}