/* Logo colors sampled from the original babijoa.co.kr logo, 2026-09-17.
   Supporting neutral colors are OEM interface adaptations, not official CI rules. */
:root{--brand-brown:#53340a;--brand-orange:#f37021;--brand-yellow:#f99d1c;--brand-green:#85bc3c;--brand-cream:#fbf7f0;--brand-paper:#fff;--brand-ink:#362a20;--brand-muted:#756b60;--brand-line:#e9dfd2;--brand-soft:#f4ebdf}
body{color:var(--brand-ink);font-family:'Noto Sans KR','Malgun Gothic',system-ui,sans-serif}
.brand{display:flex;align-items:center;gap:15px;letter-spacing:0}.brand img{display:block;width:160px;height:auto;object-fit:contain;flex-shrink:0}.brand .brand-service{border-left:1px solid var(--brand-line);padding-left:15px;color:var(--brand-brown);font-size:11px;line-height:1.7;letter-spacing:.4px;font-weight:600}.brand .brand-service small{display:block;font-size:8px;letter-spacing:1px;color:var(--brand-muted);font-weight:400;margin-top:2px}
.site-header{background:#fff;border-color:var(--brand-line)}.site-header nav{color:#594b3d}.site-header nav a:hover,.plain-link:hover{color:var(--brand-orange)}.header-login{border-color:var(--brand-line);color:var(--brand-brown)}.landing-hero{background:var(--brand-cream)}.hero-copy h1,h2,h3{color:var(--brand-brown)}.hero-copy h1 em{color:#b94d12}.hero-copy .eyebrow{color:#8a592b}.hero-copy .eyebrow span{background:var(--brand-orange)}.hero-copy>p,.section-top>p,.faq>div>p,.tech-grid p,.direction-grid p,.process-grid p,.faq details p{color:var(--brand-muted)}.eyebrow{color:#946531}.hero-note,.reference-note,.visual-note{color:#827365}.dark,.primary{background:var(--brand-brown);color:#fff}.dark:hover,.primary:hover{background:#704717}.light{background:#fff3e4;color:var(--brand-brown)}.outline,.secondary{border-color:var(--brand-line);color:var(--brand-brown);background:#fff}.plain-link{color:#8a592b}.intro-strip{border-color:var(--brand-line)}.intro-strip>a,.reference-heading a{color:#9a511f}.intro-strip p>span{color:var(--brand-muted)}
.hero-visual{background:radial-gradient(ellipse at 60% 80%,#ead2ac66,transparent 60%)}.visual-ring,.visual-ring:after{border-color:#e9dcca}.visual-caption{color:#9a7b58}.pack-front{background:linear-gradient(105deg,#eee3cc,#fffaf0 40%,#e9dcc0);color:var(--brand-brown)}.pack-back{background:linear-gradient(105deg,#c4a572,#e3c793 40%,#c9ad7e);color:var(--brand-brown)}.sprout:before,.sprout i{background:var(--brand-green)}.seed-art{color:#a67535}.visual-stamp{border-color:#d99b52;color:#976026}.pack-front-logo{width:102px;height:auto;mix-blend-mode:multiply;margin-bottom:14px}.diagram-label{color:#957957}.coating{background:#faf3e8}.coating i{background:var(--brand-orange)}.coating i:nth-of-type(4){background:var(--brand-green)}.rice-grain{background:linear-gradient(110deg,#e5d0a5,#f7e9cc);border-color:#d0af73}.rice-grain:after{background:#cfad74}.blending{background:#f8f3eb}.packaging{background:#f4f5ed}.packaging>div{background:linear-gradient(110deg,#e9e3cf,#f8f2e1);border-color:#d8c9ac;color:var(--brand-brown)}.packaging b{color:var(--brand-orange)}.number{color:#ac793d}.tech-tag{background:#fff0db;color:#906026}.development{background:#faf9f6}.direction-grid>a{border-color:var(--brand-line)}.direction-grid>a:hover{border-color:var(--brand-orange)}.direction-grid>a>span{color:#c78640}.direction-grid b{color:#ab531b}.reference-grid img{border-color:var(--brand-line)}.process-grid li{border-color:var(--brand-line)}.process-grid li>span{color:#c88c40}.system-note{background:#fcf2e5}.system-note>span{color:var(--brand-orange)}.system-note a{color:#96541f}.system-note p{color:var(--brand-muted)}.faq,.faq details{border-color:var(--brand-line)}.faq summary:after{color:var(--brand-orange)}.final-cta{background:var(--brand-brown)}.final-cta h2{color:#fff9ef}.final-cta .eyebrow{color:#ffc785}.final-cta p,.final-cta small{color:#e3ccb0}.site-footer{background:#fff}.site-footer .brand img{width:135px}.site-footer p,.site-footer>a:not(.brand){color:var(--brand-muted)}.skip{background:var(--brand-brown)}
/* Partner studio */
.sidebar{border-color:var(--brand-line);background:white}.sidebar>.brand{padding:0 10px;flex-direction:column;align-items:flex-start;gap:9px}.sidebar>.brand img{width:154px}.sidebar .brand-service{border:0;padding:0;font-size:9px;color:#8f7150;letter-spacing:1px}.workspace{background:#faf6ef;border-color:var(--brand-line)}.workspace-icon{background:#f0e1ca;border-color:#e4ceb0;color:var(--brand-brown);font-size:10px;letter-spacing:0}.online{background:var(--brand-green)}.intro-link{color:#926333}.sidebar nav a.active{background:#fff0dc;color:var(--brand-brown)}.sidebar nav a.active>span{color:#cf621b}.sidebar nav a:hover{background:#faf3e9}.sidebar nav b{background:#f3dcb9;color:#875626}.help-card{background:#fbf5eb;border-color:var(--brand-line)}.help-card strong{color:var(--brand-brown)}.help-card>span{color:#b17c3f}.help-card p,.help-card button{color:#806344}.footer-logo{width:54px;height:auto}.topbar{border-color:var(--brand-line)}.avatar{background:#fff0d9;border-color:#f2dcba;color:#995f20}.hello-dot{color:var(--brand-orange)}.hero{background:var(--brand-brown)}.hero h2{color:white}.hero-kicker{color:#ffcc83}.hero-kicker i{background:var(--brand-orange)}.hero-copy>p{color:var(--brand-muted)}.hero .hero-copy>p{color:#e4cbae}.hero-caption{color:#d5b58c}.hero-line{background:#bb915a}.hero-art{background:radial-gradient(ellipse at 60% 70%,#d0a56a44,transparent 65%)}.orbit{border-color:#dec8a333}.art-caption{color:#dec09a}.pouch-front{background:linear-gradient(105deg,#ece1ce,#fff8ea 35%,#e7d9be);color:var(--brand-brown)}.pouch-back{background:linear-gradient(105deg,#bd9a67,#dfbe87 40%,#b89967);color:var(--brand-brown)}.pouch-grain{color:#997236}.grain-stem:before,.grain-stem i{background:var(--brand-green)}.art-seal{color:#e8c696;border-color:#e4bd8099}.panel,.stat{border-color:var(--brand-line)}.stat>div>span{color:#bd8038}.stat>p,.stat>div,.page-heading p{color:var(--brand-muted)}.empty-icon{background:#fff2dd;color:#bb7930}.journey-banner{background:#fbf0df;border-color:#efdfc5}.journey-icon{color:var(--brand-orange)}.journey-banner p{color:#84705a}.journey-banner a{color:#965a23}.catalog-note{background:#fdf2e3;color:#87633c}.badge-0{background:#f0eeeb;color:#766b5e}.badge-1{background:#fff0d5;color:#936219}.badge-2{background:#ffe9d9;color:#a4521f}.badge-3{background:#eee9f4;color:#756383}.badge-4{background:#f5ebd6;color:#8c6522}.badge-5{background:#edf4e3;color:#50762a}.wizard-steps .current{color:var(--brand-brown)}.wizard-steps .current b{background:var(--brand-brown)}.progress-track .reached span{background:var(--brand-brown)}.progress-track .reached small{color:var(--brand-brown)}.review-box,.detail-spec,.status-form{background:#fbf5ea}.message.staff{background:#fff0dc}input:focus,select:focus,textarea:focus{border-color:#be8b4c;box-shadow:0 0 0 3px #f3d8b344}#toast{background:var(--brand-brown)}.auth-switch{color:#9b5a20}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--brand-orange)}
/* Mall banner uses the same unchanged logo and a warm neutral canvas. */
.banner-page{background:#faf9f6}.mall-banner{background:#fff6e8;color:var(--brand-brown);border:1px solid #eddcc3;border-left:5px solid var(--brand-orange)}.mall-banner .eyebrow{color:#9b662e}.mall-banner h2{color:var(--brand-brown)}.mall-banner p{color:#8c7152}.banner-logo{display:block;width:135px;height:auto;mix-blend-mode:multiply;margin-bottom:20px}.banner-symbol{color:var(--brand-orange)}.banner-button{background:var(--brand-brown);border-color:var(--brand-brown);color:#fff}.banner-wrap>p{color:var(--brand-muted)}
.brand .brand-service{font-family:inherit;font-style:normal}.main-shell{background:#faf9f6}.sidebar nav a,.breadcrumb,.empty-state p,.section-heading p,.product-info p,.hint,.modal-lead,.main-footer,.sidebar-footer,.workspace small{color:var(--brand-muted)}.section-heading a,.intro-link,.text-button{color:#90602d}.nav-label{color:#927b64}.product-image,.guide-card,.guide-faq,.history,dialog,input,select,textarea{border-color:var(--brand-line)}.guide-card>span{color:#c68b42}.guide-card p,.guide-faq p,.no-results{color:var(--brand-muted)}.image-label{color:#816341;border-color:var(--brand-line)}.image-arrow{color:#b77731;border-color:var(--brand-line)}.table-head,.project-row:hover,.history{background:#fcf8f1}.table-head,.project-row{border-color:var(--brand-line)}.table-head{color:#87735a}.project-row small,.review-box dt,.product-dl dt,.detail-spec small{color:#89735b}.review-box,.product-dl,.detail-spec,.brief,dialog,input,select,textarea{color:var(--brand-ink)}.message{background:#f7f4ee}.messages>.hint{background:#faf6ef}.close{background:#f5eee3;color:#8b6b43}.no-image{color:#aa8b64}.studio-pack-logo{width:88px;height:auto;mix-blend-mode:multiply;margin-bottom:3px}
@media(max-width:1080px){.site-header .brand img{width:135px}.site-header .brand .brand-service{font-size:9px;padding-left:10px}.site-header .brand{gap:10px}}
@media(max-width:850px){.sidebar>.brand img{width:130px}.sidebar .brand-service{font-size:8px}}
@media(max-width:760px){.site-header .brand img{width:125px}.site-header .brand-service{display:none}.site-footer .brand img{width:125px}.pack-front-logo{width:83px;margin-bottom:5px}}
@media(max-width:600px){.sidebar>.brand{flex-direction:row;align-items:center;gap:12px}.sidebar>.brand img{width:113px}.sidebar .brand-service{font-size:8px;border-left:1px solid var(--brand-line);padding-left:12px}.banner-logo{width:110px}}
