/* Dark theme. Layout and interactions are defined in styles.css. */
:root{color-scheme:dark;--paper:#171918;--ink:#f3f4ec;--muted:#c4ccbe;--line:#3b443a;--surface:#20251f;--honey:#e9c84e}
body{background:var(--paper);color:var(--ink)}::selection{background:#e9c84e;color:#202318}
a:focus-visible,button:focus-visible{outline-color:#e9c84e}
.header{background:#171918ed;border-color:#343c33}.brand{color:#f3f4ec}.header nav{color:#d7ddcf}.header nav a:hover{color:#f2d76c}.header-contact{background:#2a3128;border-color:#4c5844;color:#faf9ee}.header-contact:hover{background:#3c4733}
.hero{background:#171918}.hero-kicker{color:#d3dbc9}.hero-kicker>span{background:#e9c84e}.hero h1,.hero h1>span{color:#fafbf3}.hero-copy>p{color:#d0d8c8;font-size:15px}.primary-button{background:#e9c84e;border-color:#e9c84e;color:#25281b}.primary-button:hover{background:#f1d465}.hero-link{color:#e0e7d8}.hero-link>span{color:#e9c84e}.hero-contact-line{color:#bbc5b0}.hero-contact-line>a{color:#e0e7d7;font-size:12px}.hero-bottom{border-color:#394135}.hero-bottom>span{color:#c2cbb7}.hero-bottom a{color:#e0e7d7}.hero-bottom a>span{color:#c2d0af}.hero-bottom a:hover{color:#f1d56e}
/* The hero example uses the same dark surfaces, with honey as its status color. */
.product-aura{border-color:#48543f}.product-workspace{background:#20281f;border-color:#48573f;box-shadow:0 25px 55px #0004}.workspace-chrome{background:#252e22;border-color:#3b4932}.workspace-brand{color:#dbe8ce}.workspace-mark{color:#d7dfc1}.workspace-example{color:#d7e4c5;border-color:#4b5b3e;background:#333f2b}.workspace-dots{color:#c3d1b4}.workspace-body{background:#1f271d}.workspace-rail{background:#283423;border-color:#3a4b30;color:#aabf96}.workspace-rail>.rail-active{background:#415536;color:#e4f0d5}.workspace-rail>i{background:#536948}.workspace-heading>div>span{color:#b9c9a7}.workspace-heading strong{color:#edf6e3}.workspace-new{color:#d3e3bf;background:#33462b;border-color:#4a613d}.workspace-stats>div{background:#293524;border-color:#43573a}.workspace-stats>div>span{color:#c5d7b3}.workspace-stats strong{color:#f0f8e8}.workspace-stats small{color:#c5d5b6}.workspace-stats i{border-color:#748c5e}.workspace-stats>.workspace-stat-accent{background:#4a4125;border-color:#756638}.workspace-stat-accent>span{color:#efdfaa!important}.workspace-stat-accent strong{color:#ffe18a}.workspace-stat-accent small{color:#ead799}.workspace-stat-accent b{color:#e7d394}.workspace-table-title{color:#d4e3c4}.workspace-table-title>span{color:#bacba8}.workspace-table{border-color:#405135;background:#273221}.workspace-table>div{border-color:#3a4a30;color:#c2d3b0}.workspace-table>div:first-child{background:#303f28;color:#c8d8b7}.workspace-table b{color:#e0ecd4}.workspace-table small{color:#b4c7a0}.workspace-table em.status-yellow{background:#514727;color:#ffe59a}.workspace-table em.status-green{background:#344e2b;color:#c4e5a7}.workspace-table em.status-gray{background:#3c4933;color:#d2dfc4}.workspace-notification{background:#2d3a25;border-color:#506641;box-shadow:0 12px 30px #0005}.notification-check{background:#50673f;color:#e3f3cc}.workspace-notification b{color:#e4f0d8}.workspace-notification div>span{color:#c0d2aa}.notification-dot{background:#a4bf87}.workspace-caption{color:#b9c7aa}.workspace-caption>span{background:#a9bd8d}
/* Service catalog */
.products-section{background:#1c201d;border-color:#3a4237}.section-label{color:#c7d2b7}.catalog-heading h2{color:#f4f7eb}.catalog-count{background:#554a25;color:#ffe79a}.catalog-heading>p{color:#c4d0b6}.catalog-rail-title{color:#ced9bf;border-color:#424d39;font-size:11px}.filter{color:#d7e0cc;font-size:13px}.filter>span{color:#bac8a9}.filter.active{background:#e9c84e;border-color:#e9c84e;color:#2e301e}.filter.active>span{color:#555630}.filter:not(.active):hover{background:#303a2a;color:#f3f7e9}.catalog-rail-note{border-color:#424d38}.catalog-rail-note>span{color:#c5d1b7;font-size:10px}.catalog-rail-note>button{color:#eed777;font-size:12px}.catalog-toolbar>p{color:#d0dac3;font-size:12px}.service-search{background:#262e23;border-color:#48543c}.service-search:focus-within{border-color:#e9c84e;box-shadow:0 0 0 2px #e9c84e17}.service-search>svg{stroke:#c2d1ae}.service-search>input{color:#f1f5e7;background:transparent;outline:0;font-size:12px}.service-search>input::placeholder{color:#b6c5a2}.service-search>button{color:#d5e1c6}.product-card{background:#252d21;border-color:#424e38}.product-card:hover{border-color:#c9b954;box-shadow:0 13px 32px #0003}.product-category{color:#c3d0b3;font-size:10px}.service-number{color:#b9c7a6}.product-open{color:#f1f7e8}.product-open>span{color:#d5ddb5}.product-card:hover .product-open>span{color:#ffe07d}.product-info>p{color:#c9d6b9;font-size:12px}.product-card[data-category] .product-preview{background:#1e281d}.product-card[data-category='쇼핑몰·예약'] .product-preview{background:#2e2a21}.product-card[data-category='자동화·연동'] .product-preview{background:#242d20}.product-card[data-category='앱·플랫폼'] .product-preview{background:#2a2922}.more-button{background:#303b27;border-color:#566744;color:#eef4e0;font-size:12px}.more-button>span{color:#c6d4b2}.more-button:hover{background:#405033;border-color:#c0c773}.catalog-disclaimer{color:#b9c8a7;font-size:10px}.catalog-empty>span{color:#e9c84e}.catalog-empty h3{color:#f0f5e7}.catalog-empty p{color:#c8d5b8}
/* Process, contact and footer */
.process-section{background:#20261e;border-color:#3d4934}.process-intro h2{color:#f3f7eb}.process-intro>p{color:#ced9c0;font-size:14px}.process-intro>a{color:#ebd77b}.process-list{border-color:#566646}.process-list>li{border-color:#404f35}.process-number{color:#ead377}.process-list h3{color:#eef5e4;font-size:17px}.process-list p{color:#c6d5b5;font-size:12px}.process-arrow{color:#c1d0a8}.contact{background:#111710;color:#f4f7ed}.contact .section-label{color:#d8dfc5}.contact h2{color:#f8f9f1}.contact p{color:#c5d1b6}.contact-email{color:#f0db88}.contact-email:after{color:#dfcd81}.contact-email:hover{color:#ffedab}.contact-cta{background:#e9c84e;border-color:#e9c84e;color:#2c2d1c}.contact-cta:hover{background:#f4d666}.footer{background:#171918}.footer .brand{color:#f0f3e5}.footer-inner>span,.footer-inner>a:last-child{color:#c0ccb0;font-size:10px}.skip-link{background:#e9c84e;color:#25281b}
/* Contact and service detail dialogs */
.inquiry-dialog,.product-dialog{background:#20281e;border-color:#4a5a3c;color:#f0f5e7;box-shadow:0 24px 90px #0008}.inquiry-dialog::backdrop,.product-dialog::backdrop{background:#060b08b8}.dialog-eyebrow{color:#c9d6b6}.dialog-close{background:#394b2f;color:#e7f2d7}.inquiry-dialog h2,.product-dialog h2{color:#f4f8eb}.inquiry-email{color:#f0d576}#contact-guidance{color:#c9d7b7}label{color:#dfebcc}label>span{color:#bbcca4}input,textarea,select{background:#2b3827;border-color:#576e46;color:#f0f6e5}select option,select optgroup{background:#2b3827;color:#f0f6e5}input::placeholder,textarea::placeholder{color:#b6c99e}input:focus,textarea:focus,select:focus{outline-color:#e9c84e}.inquiry-submit{background:#e9c84e;color:#2b2e1b}.form-note{color:#c2d2ac}#form-status{color:#ffe293}.detail-preview{background:#25321f}#product-detail-description{color:#c5d6ae}.product-dialog h3{color:#e4efce}#product-detail-features>li{color:#cfdfb9}#product-detail-features>li:before{color:#e9c84e}.detail-note{color:#bacc9f}
@media(max-width:900px){.hero-copy>p{font-size:14px}.filter{font-size:12px}.process-intro>p{font-size:13px}.process-list h3{font-size:16px}.process-list p{font-size:12px}.product-info>p{font-size:11px}}
@media(max-width:600px){.hero-copy>p{font-size:13px}.hero-contact-line{font-size:10px}.hero-contact-line>a{font-size:11px}.filter{background:#293425;border-color:#495c3c;font-size:11px}.filter.active{background:#e9c84e;border-color:#e9c84e}.filter-bar{scrollbar-color:#7c8d60 #1c201d}.service-search>input{font-size:13px}.catalog-toolbar>p{font-size:11px}.product-info>p{font-size:12px}.process-list p{font-size:12px}.process-intro>p{font-size:13px}.footer-inner>span,.footer-inner>a:last-child{font-size:9px}}