/* MIYA MOTO CORPORATE BLUE — PHASE 1
   Separate copy of the black/white FIX source.
   Only section/page backgrounds, inherited base text contrast, and official logo treatment.
   Existing button, hover, slider, navigation and animation declarations remain unchanged.
   Existing day/night theme toggle is reused: day = Ice Blue & White; night = Deep Ocean Blue.
*/
:root {
    --paper:#FFFFFF;
    --ink:#0D2740;
    --muted:#47667E;
    --blue:#167DB2;
    --border:#D4E7F5;
    --dark:#0D2740
}
body {
    background:#FFFFFF;
    color:var(--ink)
}
/* Light theme: white and very light blue alternating sections */
body:not(.night) .section:not(.dark-section) {
    background:#FFFFFF
}
body:not(.night) .about,body:not(.night) .inner-editorial {
    background:#F0F8FF
}
body:not(.night) .projects,body:not(.night) .editorial-end {
    background:#DCEFFF
}
body:not(.night) .process,body:not(.night) .inner-page .section:nth-of-type(2n):not(.dark-section) {
    background:#B8DFFF
}
body:not(.night) .dark-section {
    background:#0D2740;
    color:#FFFFFF
}
body:not(.night) .contact-section {
    background:#173A59;
    color:#FFFFFF
}
body:not(.night) footer {
    background:#091522;
    color:#FFFFFF
}
/* Dark theme: navy and ocean-blue section alternation */
body.night {
    --paper:#091522;
    --ink:#F0F8FF;
    --muted:#B8DFFF;
    --border:#355571;
    --dark:#0D2740;
    background:#091522;
    color:var(--ink)
}
body.night .section:not(.dark-section) {
    background:#0D2740;
    color:#F0F8FF
}
body.night .about,body.night .inner-editorial {
    background:#091522;
    color:#F0F8FF
}
body.night .projects,body.night .editorial-end {
    background:#173A59;
    color:#F0F8FF
}
body.night .process,body.night .inner-page .section:nth-of-type(2n):not(.dark-section) {
    background:#0D2740;
    color:#F0F8FF
}
body.night .dark-section {
    background:#173A59;
    color:#FFFFFF
}
body.night .contact-section {
    background:#091522;
    color:#FFFFFF
}
body.night footer {
    background:#091522;
    color:#FFFFFF
}
/* Photo hero keeps original image/overlay/animations; only its base fallback color changes. */
body:not(.night) .hero,body:not(.night) .inner-hero {
    background:#173A59
}
body.night .hero,body.night .inner-hero {
    background:#091522
}
/* Use the supplied transparent official PNG, preserving its original pixels. */
#header .brand-logo,#header.scrolled .brand-logo,
body.night #header .brand-logo,body.night #header.scrolled .brand-logo,
footer .footer-brand img,body.night footer .footer-brand img {
    filter:none!important
}
#header .brand-logo,footer .footer-brand img {
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important
}
/* Header text contrast when scrolled; existing hover/button rules are untouched. */
body:not(.night) #header.scrolled {
    background:rgba(255,255,255,.97);
    color:#0D2740
}
body.night #header.scrolled {
    background:#091522;
    color:#F0F8FF
}
/* Targeted refinements — do not alter other buttons or their behavior. */
#header,#header.scrolled,body.night #header,body.night #header.scrolled {
    border-bottom:0!important;
    box-shadow:none!important;
}
/* Only the HOME Start a Conversation CTA changes shape. Its original mailto link remains. */
.contact-section a.contact-large {
    display:inline-flex;
    width:auto;
    max-width:100%;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:20px 34px;
    border:1px solid #B8DFFF;
    border-radius:14px;
    box-sizing:border-box;
    background:rgba(184,223,255,.09);
    color:#FFFFFF;
    text-decoration:none;
}
.contact-section a.contact-large:hover {
    background:rgba(184,223,255,.20);
}
/* Pale-blue terminal punctuation on the large HOME contact heading. */
.contact-section h2 > span:last-child {
    color:#B8DFFF!important
}
@media(max-width:600px) {
    .contact-section a.contact-large {
        padding:17px 22px
    }
}
/* Official contact information: footer only; existing buttons and themes unchanged. */
.footer-contact {
    min-width:0;
    overflow-wrap:anywhere;
}
.footer-contact a {
    display:block;
    max-width:390px;
    line-height:1.65;
}
.footer-contact .footer-address {
    margin-top:10px;
}
@media(max-width:767px) {
    .footer-contact a {
        max-width:100%;
    }
}