66 lines
1.6 KiB
CSS
66 lines
1.6 KiB
CSS
 
|
/* Westra Engineering — a construction skin over the default portal
|
||
|
|
stylesheet (site.yaml `stylesheet`). Steel and safety-amber on a
|
||
|
|
concrete ground: the palette of a site hut, not a brochure. */
|
||
|
|
|
||
|
|
:root {
|
||
|
|
/* Safety amber — the accent you see on a hoarding. */
|
||
|
|
--accent: #e8a317;
|
||
|
|
--accent-soft: rgba(232, 163, 23, 0.16);
|
||
|
|
/* Concrete paper, steel ink. */
|
||
|
|
--paper: #eceae6;
|
||
|
|
--ink: #1c1f24;
|
||
|
|
--ink-dim: #5c626b;
|
||
|
|
--line: #c7c4bd;
|
||
|
|
--card-bg: rgba(255, 255, 255, 0.6);
|
||
|
|
--card-bg-opaque: rgba(255, 255, 255, 0.92);
|
||
|
|
--card-shadow: rgba(28, 31, 36, 0.16);
|
||
|
|
--hero-glow: rgba(236, 234, 230, 0.85);
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (prefers-color-scheme: dark) {
|
||
|
|
:root {
|
||
|
|
--paper: #16181c;
|
||
|
|
--ink: #e7e4dd;
|
||
|
|
--ink-dim: #999a9a;
|
||
|
|
--line: #33373d;
|
||
|
|
--card-bg: rgba(32, 35, 40, 0.55);
|
||
|
|
--card-bg-opaque: rgba(32, 35, 40, 0.92);
|
||
|
|
--hero-glow: rgba(22, 24, 28, 0.85);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* A hazard-stripe rule under the hero wordmark — steel amber, the one
|
||
|
|
flourish. */
|
||
|
|
.hero-copy h1 {
|
||
|
|
font-weight: 800;
|
||
|
|
letter-spacing: -0.01em;
|
||
|
|
}
|
||
|
|
.hero::after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
max-width: 46rem;
|
||
|
|
height: 0.4rem;
|
||
|
|
margin-top: 0.4rem;
|
||
|
|
background: repeating-linear-gradient(
|
||
|
|
-45deg,
|
||
|
|
var(--accent) 0 0.8rem,
|
||
|
|
#1c1f24 0.8rem 1.6rem
|
||
|
|
);
|
||
|
|
border-radius: 0.2rem;
|
||
|
|
opacity: 0.85;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Feature icons carry the amber; a left steel edge grounds each card. */
|
||
|
|
.feature-icon { color: var(--accent); }
|
||
|
|
.alt-card {
|
||
|
|
border-left: 0.2rem solid var(--accent);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Primary button reads as painted steel. */
|
||
|
|
.alt-submit {
|
||
|
|
border-radius: 0.4rem;
|
||
|
|
color: #1c1f24;
|
||
|
|
letter-spacing: 0.01em;
|
||
|
|
}
|