/* ComfortCode eye-comfort theme. Always dark regardless of OS preference. */
:root{
  color-scheme:dark;
  --ink:#edf3ff;
  --muted:#aab8d3;
  --line:#2a3956;
  --cloud:#0e1930;
  --white:#0b1226;
  --shadow:0 22px 65px rgba(0,0,0,.25);
}
html{background:#0b1226}
body{background:#0b1226;color:var(--ink)}
::selection{background:#00e5d6;color:#081225}
:focus-visible{outline-color:#00e5d6}
.skip-link{background:#1b2a49;color:#fff;border:1px solid #567099}
.site-header{background:rgba(10,18,38,.96);border-bottom-color:#2a3958}
.brand-word{color:#f1f5ff}
.nav a{color:#c0cce2}
.nav a:hover,.nav a:focus-visible{color:#80f4e8}
.language-switch{background:#15213d;border-color:#36445f}
.lang-button{color:#b0bfdc}
.lang-button.is-active{background:#2b3a59;color:#f5f8ff;box-shadow:none}
.button-primary,.button-dark{background:#233759;border-color:#3d5478;color:#f5faff;box-shadow:none}
.button-primary:hover,.button-dark:hover{background:#304872}
.button-outline{background:#17253f;border-color:#405574;color:#e6edff}
.button-outline:hover{background:#243555;border-color:#8b5cf6}
.menu-toggle{background:#1a2944;border-color:#445574}
.menu-toggle span{background:#e4eaff}
.hero{
 background:radial-gradient(circle at 85% 12%,rgba(139,92,246,.13),transparent 32%),
 linear-gradient(145deg,#0b1226 0%,#101b35 65%,#0b2432 100%);
 border-bottom-color:var(--line);
}
.hero-ambient-one{background:rgba(0,229,214,.045)}
.hero-ambient-two{background:rgba(139,92,246,.055)}
.eyebrow{background:#1b2945;border-color:#394965;color:#d6e1f4}
.hero-lead,.heading-aside,.service-card p,.project-info p,.step p,
.contact p:not(.section-kicker),.privacy-body p,.privacy-body li,.notfound p{color:#acbad3}
.brand-promise,.hero-bottom,.work-note{color:#afbdd9}
.hero-bottom a{border-color:#3a506f;color:#c2aaff}
.hero-bottom a:hover{background:#223451}
.float-chip{background:#1c2b4a;border-color:#364c6f;color:#f1f5ff;box-shadow:0 16px 35px rgba(0,0,0,.25)}
.art-caption{color:#91a4c6}
.section-kicker,.back-link{color:#bda8ff}
.services,.approach{background:#0b1226}
.service-card,.project-card{background:#15223c;border-color:#34435e;box-shadow:0 12px 36px rgba(0,0,0,.12)}
.service-card:hover,.project-card:hover{border-color:#7653ba;box-shadow:0 24px 50px rgba(0,0,0,.24)}
.service-icon-cyan{background:#123c44;color:#7df4e9}
.service-icon-violet{background:#312352;color:#d0baff}
.service-icon-blue{background:#182e51;color:#8bd1ff}
.service-icon-pink{background:#43243d;color:#ffb5e8}
.service-number,.project-meta,.project-bottom{color:#a6b5d0}
.service-tags span{background:#263652;color:#c0cde3}
.work{background:#0f1b32;border-color:#2b3c59}
.filter-button{background:#192842;border-color:#3a4c6a;color:#cbd6e9}
.filter-button:hover{color:#9cf7ef;border-color:#55a9ba}
.filter-button.is-active{background:#35436c;color:#fff;border-color:#8770cb}
.project-info h3,.service-card h3,.step h3{color:#f3f6ff}
.project-bottom{border-color:#32425e}
.status{background:#133c3b;color:#93f5e9}
.status-alpha{background:#362450;color:#e0c9ff}
.steps,.step{border-color:#34425b}
.step-number span{color:#aebbd4}
.about-panel{background:#101b33}
.contact-ring{border-color:#304460}
.ring-b{border-color:#674e9e}
.ring-c{background:radial-gradient(circle,#342954,#173544);box-shadow:0 20px 70px rgba(0,0,0,.2)}
.footer{background:#090f20}
.privacy-main{background:linear-gradient(140deg,#0b1226,#111d38)}
.notfound{background:#0b1226}
.back-link:hover{color:#90f0e4}
.shop{background:#0b1226}
.shop-feature{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:center;border:1px solid #354561;background:linear-gradient(135deg,#15223f,#101a32);border-radius:24px;padding:36px}
.shop-visual{min-height:250px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border:1px solid #4c3b83;border-radius:18px;padding:26px;background:radial-gradient(circle at 74% 32%,rgba(139,92,246,.35),transparent 43%),linear-gradient(145deg,#151f42,#192a43)}
.shop-visual-icon{font-size:clamp(42px,6vw,74px);font-weight:850;letter-spacing:-.06em;color:#8ef5e9}
.shop-visual-caption{font-size:12px;letter-spacing:.19em;color:#b8c6e4;font-weight:750}
.shop-copy h3{font-size:clamp(25px,3vw,36px);margin:14px 0}
.shop-copy p{color:#b8c5df;line-height:1.85}
.shop-status{display:inline-flex;align-items:center;padding:6px 10px;font-size:11px;letter-spacing:.06em;font-weight:800;border:1px solid #7662b8;background:#32264d;color:#e0d3ff;border-radius:999px}
.shop-details{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.shop-details span{color:#c3d1eb;border:1px solid #394c6c;background:#1d2e4b;padding:7px 11px;border-radius:9px;font-size:12px}
.shop-note{color:#b4c4dd;font-size:13px}
@media(max-width:830px){
 .nav{background:#101c33;border-bottom-color:#32425e;box-shadow:0 20px 50px rgba(0,0,0,.38)}
 .shop-feature{grid-template-columns:1fr;padding:22px;gap:24px}
 .shop-visual{min-height:200px}
}