/* Theme control and the daytime harbour. Night sailing remains the default. */
.theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(131,200,232,.35);border-radius:999px;background:transparent;color:var(--mist);font:10px var(--chart);letter-spacing:.05em;transition:background .2s,color .2s,border-color .2s}.theme-toggle:hover{border-color:var(--teal);background:rgba(60,199,214,.12);color:var(--moon)}.theme-toggle span:first-child{font-size:14px;line-height:1;color:var(--orange)}
body[data-theme="day"]{--ink:#0a3d70;--paper:#dbeef2;--mist:#39759a;--teal:#087f9b;--orange:#e6a331;--coral:#d96557;--line:rgba(10,61,112,.25);--moon:#10395e;--surface:#f6fbfa;--surface-deep:#d2eaf0;color:var(--moon);background:radial-gradient(circle at 82% 0,#fff9e8 0,transparent 24%),linear-gradient(160deg,#c7e7ef 0%,#e9f5f3 47%,#d6ebee 100%)}
body[data-theme="day"]:before{opacity:.2;background-image:radial-gradient(rgba(10,61,112,.26) .5px,transparent .7px)}body[data-theme="day"] .site-header{border-bottom-color:rgba(10,61,112,.22);background:rgba(246,251,250,.8)}body[data-theme="day"] .brand-mark{border-color:var(--coral);color:var(--coral)}body[data-theme="day"] nav>a:not(.button){color:var(--ink)}body[data-theme="day"] .theme-toggle{border-color:rgba(10,61,112,.3);color:var(--ink);background:rgba(255,255,255,.38)}body[data-theme="day"] .theme-toggle:hover{background:#fff;color:var(--teal);border-color:var(--teal)}
body[data-theme="day"] .hero{background:linear-gradient(120deg,rgba(240,252,252,.92) 0%,rgba(201,232,239,.75) 58%,rgba(177,216,232,.72) 100%)}body[data-theme="day"] .hero:before{background:linear-gradient(90deg,transparent 49.94%,rgba(10,61,112,.12) 50%,transparent 50.06%)}body[data-theme="day"] .hero h1{color:var(--ink)}body[data-theme="day"] .hero h1 em{color:var(--teal)}body[data-theme="day"] .hero-kicker,body[data-theme="day"] .hero-copy{color:rgba(10,61,112,.76)}body[data-theme="day"] .tide-line{color:var(--mist)}body[data-theme="day"] .tide-line i{background:var(--coral)}body[data-theme="day"] .text-link{color:var(--ink);border-bottom-color:var(--coral)}body[data-theme="day"] .text-link span{color:var(--coral)}
/* Day chart changes from a night-navigation instrument into a clean harbour chart. */
body[data-theme="day"] .hero-chart{height:405px;align-self:end;border-color:rgba(10,61,112,.25);background:linear-gradient(140deg,rgba(255,255,255,.66),rgba(194,226,234,.72));color:var(--ink)}body[data-theme="day"] .hero-chart:before{width:150%;height:52%;left:-12%;top:48%;transform:none;border:0;border-radius:48% 52% 0 0/18% 20% 0 0;background:repeating-radial-gradient(ellipse at 54% 110%,transparent 0 44px,rgba(8,127,155,.13) 45px 46px,transparent 47px 88px);box-shadow:none}body[data-theme="day"] .hero-chart:after{left:auto;right:52px;top:0;width:1px;height:100%;background:rgba(10,61,112,.13)}body[data-theme="day"] .chart-stamp{color:var(--coral);font-weight:500}body[data-theme="day"] .chart-north{color:var(--ink)}body[data-theme="day"] .chart-grid{background:rgba(10,61,112,.18)}body[data-theme="day"] .chart-caption{border-left-color:var(--coral);color:var(--mist)}body[data-theme="day"] .chart-caption strong{color:var(--ink)}
body[data-theme="day"] .works-section{border-top-color:rgba(10,61,112,.25)}body[data-theme="day"] .works-section:before{color:rgba(10,61,112,.55)}body[data-theme="day"] .section-heading h2{color:var(--ink)}body[data-theme="day"] .section-heading h2:after{border-color:var(--coral)}body[data-theme="day"] .tag-filter{border-bottom-color:rgba(10,61,112,.2)}body[data-theme="day"] .tag-filter button{color:var(--mist);border-radius:999px;border-bottom:0}body[data-theme="day"] .tag-filter button:hover,body[data-theme="day"] .tag-filter button.active{background:rgba(8,127,155,.12);color:var(--ink)}
body[data-theme="day"] .work-card{border-color:rgba(10,61,112,.18);background:rgba(255,255,255,.7);box-shadow:0 10px 22px rgba(28,94,124,.12)}body[data-theme="day"] .work-card:before{background:var(--ink);color:#eff8f7}body[data-theme="day"] .work-card:hover{border-color:var(--teal);box-shadow:0 16px 28px rgba(28,94,124,.19)}body[data-theme="day"] .cover{border-bottom-color:rgba(10,61,112,.18);background:#bcdce4}body[data-theme="day"] .cover:after{border-color:rgba(255,255,255,.66)}body[data-theme="day"] .cover-placeholder{background:radial-gradient(circle at 65% 20%,#f6d486,transparent 28%),linear-gradient(135deg,#6db8cf,#21779d);color:#fff}body[data-theme="day"] .card-content h3{color:var(--ink)}body[data-theme="day"] .description{color:rgba(10,61,112,.74)}body[data-theme="day"] .card-meta{border-top-color:rgba(10,61,112,.16);color:var(--mist)}body[data-theme="day"] .role-badge{background:rgba(8,127,155,.11);color:var(--teal)}body[data-theme="day"] .tag{color:var(--teal)}body[data-theme="day"] .empty-state{background:rgba(255,255,255,.46);color:var(--mist)}
body[data-theme="day"] .back-link,body[data-theme="day"] .detail-byline{color:var(--mist)}body[data-theme="day"] .detail-cover{border-color:rgba(10,61,112,.28)}body[data-theme="day"] .detail-title,body[data-theme="day"] .journey h2,body[data-theme="day"] .admin-page .section-heading h1{color:var(--ink)}body[data-theme="day"] .detail-summary{border-left-color:var(--coral);color:var(--mist)}body[data-theme="day"] .journey{border-color:rgba(10,61,112,.18);background:rgba(255,255,255,.45)}body[data-theme="day"] .journey:before{color:rgba(10,61,112,.38)}body[data-theme="day"] .journey p{color:rgba(10,61,112,.78)}body[data-theme="day"] .form-intro{background:rgba(255,255,255,.35);border-left-color:var(--coral)}body[data-theme="day"] .form-intro p{color:var(--mist)}body[data-theme="day"] .work-form,body[data-theme="day"] .admin-login{border-color:rgba(10,61,112,.22);background:rgba(255,255,255,.6)}body[data-theme="day"] label{color:var(--ink)}body[data-theme="day"] input,body[data-theme="day"] textarea,body[data-theme="day"] select{border-color:rgba(10,61,112,.25);background:rgba(255,255,255,.68);color:var(--ink)}body[data-theme="day"] .review-card{border-color:rgba(10,61,112,.2);background:rgba(255,255,255,.48)}body[data-theme="day"] .review-card h3{color:var(--ink)}body[data-theme="day"] footer{background:#0a3d70;border-top-color:rgba(255,255,255,.2);color:#c7e6ee}body[data-theme="day"] footer a{color:#f8d27a}
@media(max-width:760px){.theme-toggle{padding:6px 7px}.theme-toggle [data-theme-label]{display:none}body[data-theme="day"] .hero-chart{height:270px}}