/* ============================================================
   Krowten — AÇIK TEMA  (html[data-theme=light])
   · Sayfa beyaz. Ritim için iki tam genişlik bandı: #f5f8fc
   · Kartlar beyaz + 1px #e3eaf1 + çok yumuşak gölge
   · Kesikli pastel mavi YALNIZCA dikey ayırıcılarda
   · Koyu öğeler (Deploy Studio, Tepegöz, .env, panel mockup) koyu kalır
   ============================================================ */
html[data-theme=light]{
  --bg:#ffffff;--surface:#ffffff;--surface2:#f5f8fc;
  --text:#0b1620;--muted:#4a6073;--dim:#6a8093;
  --line:#e3eaf1;--line-soft:#eef3f8;
  --accent:#0b7fc4;
  --card-shadow:0 1px 2px rgba(11,22,32,.04),0 10px 30px -24px rgba(11,22,32,.45);
  --dash-v:2px dashed #a9d6f0;
  color-scheme:light;
}
html[data-theme=light] body{background:#fff;color:var(--text)}
html[data-theme=light] ::selection{background:#cfe9f8;color:#06222f}

/* ---------- Tipografi ---------- */
html[data-theme=light] h1,html[data-theme=light] h2,html[data-theme=light] h3{color:var(--text)}
html[data-theme=light] h2 span,html[data-theme=light] .closing h2>span,html[data-theme=light] .support-copy h2>span,html[data-theme=light] .deploy-story h2>span,html[data-theme=light] .devtools-copy h2>span,html[data-theme=light] .platform-copy h2>span{color:#5a7183}
html[data-theme=light] main p,html[data-theme=light] main li,html[data-theme=light] .hero-copy>p,html[data-theme=light] .section-heading>p,html[data-theme=light] .devtools-copy>p,html[data-theme=light] .platform-copy>p,html[data-theme=light] .principle-grid p,html[data-theme=light] .faq details p{color:var(--muted)}
html[data-theme=light] .hero-notes,html[data-theme=light] .catalog-note,html[data-theme=light] .ai-disclosure,html[data-theme=light] .small-label{color:var(--dim)}
html[data-theme=light] .eyebrow{color:var(--accent)}
html[data-theme=light] .main-hero .eyebrow .line{background:var(--accent)}

/* ---------- Üst alan ---------- */
html[data-theme=light] .site-head{background:#ffffffd9;border-bottom:1px solid var(--line)}
html[data-theme=light] .utility-bar{background:#fbfdfe;border-bottom:1px solid var(--line-soft);color:var(--dim)}
html[data-theme=light] .u-item b{color:var(--text)}
html[data-theme=light] .u-theme{border:1px solid var(--line)}
html[data-theme=light] .header{border-bottom:0}
html[data-theme=light] .desktop-nav>a,html[data-theme=light] .solutions-toggle{color:#22374a}
html[data-theme=light] .desktop-nav>a:hover,html[data-theme=light] .solutions-toggle:hover,html[data-theme=light] .solutions-toggle[aria-expanded=true]{background:#ecf6fd}
html[data-theme=light] .login{background:var(--accent);color:#fff}
html[data-theme=light] .menu-toggle{border:1px solid var(--line);color:#22374a}
html[data-theme=light] .mega-menu{background:#fff;border:1px solid var(--line);border-top:0;box-shadow:0 26px 50px -28px rgba(11,22,32,.35)}
html[data-theme=light] .mega-group{border-right:var(--dash-v)}
html[data-theme=light] .mega-group:last-child{border-right:0}
html[data-theme=light] .mega-group+.mega-group{border-left:0}
html[data-theme=light] .mega-group-title{color:var(--dim)}
html[data-theme=light] .mega-product:hover{background:#f1f8fd}
html[data-theme=light] .mega-feature{background:linear-gradient(165deg,#eff7fd,#fff)}
html[data-theme=light] .mega-feature-card{background:#fff;border:1px solid var(--line)}
html[data-theme=light] .mega-feature-card:hover{border-color:var(--accent)}
html[data-theme=light] .mega-status{border:1px solid var(--line)}
html[data-theme=light] .mega-bottom{background:#fafcfe;border-top:1px solid var(--line-soft)}
html[data-theme=light] .mega-bottom>a{border:1px solid var(--line);color:#22374a}
html[data-theme=light] .mobile-nav:not([hidden]){background:#fff;border:1px solid var(--line)}
html[data-theme=light] .mobile-nav a,html[data-theme=light] .mobile-group a{color:#22374a}

/* ---------- Ana hero ---------- */
html[data-theme=light] .main-hero-shell{background:#fff;border-bottom:1px solid var(--line-soft)}
html[data-theme=light] .hero-vector svg{opacity:.75}
html[data-theme=light] .hero-vector:after{background:linear-gradient(90deg,#fff 0%,#ffffffd9 26%,transparent 58%),linear-gradient(180deg,transparent 72%,#fff 100%)}
html[data-theme=light] .main-hero h1{color:var(--text)}
html[data-theme=light] .main-hero h1>span{color:var(--accent)}
html[data-theme=light] .primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 8px 22px -12px rgba(11,127,196,.8)}
html[data-theme=light] .primary:hover{background:#1094dd}
html[data-theme=light] .text-button{color:#22374a}
html[data-theme=light] .play{border:1px solid #bfd0dd}
html[data-theme=light] .hero-notes i{background:#bfd0dd}
html[data-theme=light] .outline{border:1px solid #c9d8e4;color:#22374a;background:#fff}
html[data-theme=light] .outline:hover{background:#f2f7fb}

/* ---------- Teknoloji şeridi + vaat satırı ---------- */
html[data-theme=light] .tech-strip{border-top:0;border-bottom:1px solid var(--line-soft);color:var(--dim)}
html[data-theme=light] .tech-strip>span strong{color:var(--text);font-weight:500}
html[data-theme=light] .tech-strip>div{color:#7b8f9f}
html[data-theme=light] .tech-strip b{color:#42596c}
html[data-theme=light] .tech-strip>div:hover{color:var(--brand,var(--accent))}
html[data-theme=light] .tech-strip>div:hover b{color:var(--text)}
html[data-theme=light] .service-promises{border-bottom:1px solid var(--line-soft)}
html[data-theme=light] .service-promises a{border:1px solid var(--line);background:#fff;box-shadow:var(--card-shadow);color:#22374a}
html[data-theme=light] .service-promises a:hover{border-color:var(--accent)}
html[data-theme=light] .service-promises strong{color:var(--text)}
html[data-theme=light] .service-promises small{color:var(--dim)}
html[data-theme=light] .service-promises .promise-symbol,html[data-theme=light] .service-promises .promise-arrow{color:var(--accent)}

/* ---------- Tepegöz: bant değil, yuvarlatılmış koyu panel ---------- */
html[data-theme=light] .tepegoz-flow{background:#fff;border:0;margin-top:0;padding-top:64px}
html[data-theme=light] .tepegoz-flow .vision-secondary-hero{
  width:min(1280px,calc(100% - 112px));margin-inline:auto;border:0;border-radius:24px;overflow:hidden;
  background:#071320;box-shadow:0 30px 60px -44px rgba(11,22,32,.85)}
html[data-theme=light] .tepegoz-flow .vision-inner{width:calc(100% - 88px);padding-top:56px;padding-bottom:56px;min-height:440px}
html[data-theme=light] .tepegoz-flow .vision-art{inset:0 0 0 34%}
html[data-theme=light] .tepegoz-flow .vision-art:after{background:linear-gradient(90deg,#071320 0%,#071320b3 22%,transparent 52%),linear-gradient(0deg,#07132099,transparent 30%)}
html[data-theme=light] .tepegoz-flow .vision-callout{bottom:34px}
html[data-theme=light] .tepegoz-flow .vision-bottom{margin-top:36px}
html[data-theme=light] .tepegoz-flow .tepegoz-section{padding-top:76px}
html[data-theme=light] .tepegoz-flow .tepegoz-intro h2{color:var(--text)}
html[data-theme=light] .tepegoz-flow .tepegoz-intro h2 span{color:var(--accent)}
html[data-theme=light] .tepegoz-flow .tepegoz-intro p{color:var(--muted)}
html[data-theme=light] .tepegoz-flow .tepegoz-intro p strong{color:var(--text)}
html[data-theme=light] .ai-scenario-buttons button{background:#fff;border:1px solid var(--line);color:#22374a}
html[data-theme=light] .ai-scenario-buttons button.active{background:#ecf6fd;border-color:var(--accent);color:var(--text)}
@media(min-width:1600px){html[data-theme=light] .tepegoz-flow .vision-secondary-hero{width:min(1380px,calc(100% - 160px))}}
@media(max-width:1150px){html[data-theme=light] .tepegoz-flow .vision-secondary-hero{width:calc(100% - 64px)}html[data-theme=light] .tepegoz-flow .vision-inner{width:calc(100% - 64px)}}
@media(max-width:850px){html[data-theme=light] .tepegoz-flow{padding-top:40px}html[data-theme=light] .tepegoz-flow .vision-secondary-hero{border-radius:18px}html[data-theme=light] .tepegoz-flow .vision-inner{width:calc(100% - 48px);padding-bottom:40px}html[data-theme=light] .tepegoz-flow .tepegoz-section{padding-top:56px}}
@media(max-width:520px){html[data-theme=light] .tepegoz-flow .vision-secondary-hero{width:calc(100% - 36px)}html[data-theme=light] .tepegoz-flow .vision-inner{width:calc(100% - 40px)}}

/* ---------- Çözümler ---------- */
html[data-theme=light] .product-filters button{border:1px solid var(--line);background:#fff;color:var(--dim)}
html[data-theme=light] .product-filters button:hover{border-color:#c9d8e4;color:var(--text)}
html[data-theme=light] .product-filters button.active{background:var(--text);border-color:var(--text);color:#fff}
html[data-theme=light] .product-filters button span{background:#ffffff2e;color:#fff}
html[data-theme=light] .product-card,html[data-theme=light] .product-card.featured{background:#fff;border:1px solid var(--line);box-shadow:var(--card-shadow)}
html[data-theme=light] .product-card.featured{border-color:#9fd0ee;background:linear-gradient(170deg,#f2f9fe,#fff 55%)}
html[data-theme=light] .product-card:hover{border-color:var(--accent);box-shadow:0 1px 2px rgba(11,22,32,.04),0 16px 34px -22px rgba(11,127,196,.55)}
html[data-theme=light] .product-card h3{color:var(--text)}
html[data-theme=light] .product-card p{color:var(--muted)}
html[data-theme=light] .product-card .product-icon{background:#ecf6fd;border:1px solid #bfe0f3;color:var(--accent);box-shadow:none}
html[data-theme=light] .card-tag{background:#ecf6fd;border:1px solid #9fd0ee;color:#0a6ba4}
html[data-theme=light] .feature-chips span{background:#f5f8fc;border:1px solid var(--line);color:#3f5567}
html[data-theme=light] .product-card>a.product-link{color:#22374a;border-top:1px solid var(--line-soft)}
html[data-theme=light] .product-card>a.product-link>span{color:var(--accent)}

/* ---------- Geliştirici araçları (bant 1) ---------- */
html[data-theme=light] .devtools-hero{background:var(--surface2);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
html[data-theme=light] .devtools-vector svg{opacity:.55}
html[data-theme=light] .tool-tile{background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(11,22,32,.04)}
html[data-theme=light] .tool-tile:hover{border-color:var(--accent);box-shadow:0 10px 24px -18px rgba(11,127,196,.7)}
html[data-theme=light] .tool-tile strong{color:var(--text)}
html[data-theme=light] .tool-tile small{color:var(--dim)}
html[data-theme=light] .tool-icon{background:#ecf6fd;border:1px solid #bfe0f3;color:var(--accent)}
html[data-theme=light] .tool-icon.brand{background:color-mix(in srgb,var(--brand) 12%,#fff);border:1px solid color-mix(in srgb,var(--brand) 34%,var(--line))}
html[data-theme=light] .connection-foot{color:#8fb3c9}
html[data-theme=light] .partner-band{background:#fff;border:1px solid #f0cba4;box-shadow:var(--card-shadow)}
html[data-theme=light] .partner-copy strong{color:var(--text)}
html[data-theme=light] .partner-copy p{color:var(--muted)}
html[data-theme=light] .partner-points span{background:#fff8f0;border:1px solid #f0cba4;color:#9a4d0c}

/* ---------- Platform (bant 2) ---------- */
html[data-theme=light] .platform{background:var(--surface2);border-block:1px solid var(--line-soft)}
html[data-theme=light] .platform-copy li{color:#3f5567}
html[data-theme=light] .platform-copy li>span{border:1px solid var(--accent);color:var(--accent)}

/* ---------- İlkeler ---------- */
html[data-theme=light] .principle-grid article{background:none;border:0;border-top:1px solid var(--line)}
html[data-theme=light] .principle-grid h3{color:var(--text)}
html[data-theme=light] .principle-number{background:#ecf6fd;border:1px solid #bfe0f3;color:var(--accent);box-shadow:none}

/* ---------- Destek ---------- */
html[data-theme=light] .support-experience{background:#fff;border:1px solid var(--line);box-shadow:var(--card-shadow)}
html[data-theme=light] .support-copy .support-lead{color:var(--accent)}
html[data-theme=light] .support-copy small{color:var(--dim)}

/* ---------- SSS ---------- */
html[data-theme=light] .faq{border-color:var(--line)}
html[data-theme=light] .faq-items{gap:0}
html[data-theme=light] .faq details,html[data-theme=light] .faq details:first-child{background:#fff;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:18px 2px}
html[data-theme=light] .faq details[open]{background:#fafcfe}
html[data-theme=light] .faq summary{color:var(--text);font-weight:500}
html[data-theme=light] .faq summary>span{color:var(--accent)}
html[data-theme=light] .faq details p{color:var(--muted)}

/* ---------- Kapanış ---------- */
html[data-theme=light] .closing{background:linear-gradient(120deg,#eaf5fd,#f7fbfe 60%);border:1px solid #cfe5f5;box-shadow:none}
html[data-theme=light] .closing h2{color:var(--text)}
html[data-theme=light] .closing h2>span{color:var(--accent)}
html[data-theme=light] .closing-art{color:#0b7fc414}

/* ---------- Footer ---------- */
html[data-theme=light] footer.reference-footer{background:#fff;border:0;border-top:1px solid var(--line);color:var(--muted)}
html[data-theme=light] .footer-column h3{color:var(--text)}
html[data-theme=light] .footer-column a,html[data-theme=light] .footer-brand p,html[data-theme=light] .footer-column p{color:var(--muted)}
html[data-theme=light] .footer-column a:hover{color:var(--accent)}
html[data-theme=light] .footer-cta{color:var(--accent);border:1px solid #bfe0f3}
html[data-theme=light] .footer-status{gap:9px}
html[data-theme=light] .reference-footer .footer-bottom{border-top:1px solid var(--line-soft);color:var(--dim)}

/* ---------- Ürün sayfaları ---------- */
html[data-theme=light] .breadcrumb,html[data-theme=light] .breadcrumb a{color:var(--dim)}
html[data-theme=light] .breadcrumb a:hover{color:var(--accent)}
html[data-theme=light] .plan-card{background:#fff;border:1px solid var(--line);box-shadow:var(--card-shadow)}
html[data-theme=light] .plan-card.recommended{border-color:var(--accent);background:linear-gradient(170deg,#f2f9fe,#fff 55%)}
html[data-theme=light] .plan-card h3,html[data-theme=light] .plan-price strong{color:var(--text)}
html[data-theme=light] .plan-card li,html[data-theme=light] .plan-price span,html[data-theme=light] .plan-kicker,html[data-theme=light] .plan-card>p{color:var(--muted)}
html[data-theme=light] .page-features{background:var(--surface2);border-block:1px solid var(--line-soft)}
html[data-theme=light] .page-feature-grid article{background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(11,22,32,.04)}
html[data-theme=light] .page-feature-grid article span{color:var(--accent)}
html[data-theme=light] .related-links a{background:#fff;border:1px solid var(--line);color:#22374a}
html[data-theme=light] .related-links a:hover{border-color:var(--accent);color:var(--accent)}
html[data-theme=light] .service-preview{background:#fff;border:1px solid var(--line)}
html[data-theme=light] .service-preview-icon{background:#ecf6fd;border:1px solid #bfe0f3;color:var(--accent)}
html[data-theme=light] .service-preview-list>div{background:#f5f8fc;border:1px solid var(--line)}

/* ---------- Durum sayfası ---------- */
html[data-theme=light] .status-banner{background:linear-gradient(120deg,#e9f9f1,#fff 65%);border:1px solid #b7e5cf}
html[data-theme=light] .status-banner h1{color:var(--text)}
html[data-theme=light] .status-banner p,html[data-theme=light] .status-banner-side{color:var(--muted)}
html[data-theme=light] .status-banner-side strong{color:var(--text)}
html[data-theme=light] .uptime-grid>div{background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(11,22,32,.04)}
html[data-theme=light] .uptime-grid span{color:var(--dim)}
html[data-theme=light] .uptime-grid strong{color:var(--text)}
html[data-theme=light] .uptime-grid strong.ok{color:#0f7f55}
html[data-theme=light] .status-section-head h2{color:var(--text)}
html[data-theme=light] .status-section-head span,html[data-theme=light] .legend,html[data-theme=light] .status-foot,html[data-theme=light] .status-foot a{color:var(--dim)}
html[data-theme=light] .component-list{background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(11,22,32,.04)}
html[data-theme=light] .component{border-bottom:1px solid var(--line-soft)}
html[data-theme=light] .component:last-child{border-bottom:0}
html[data-theme=light] .component-name strong,html[data-theme=light] .component-meta strong{color:var(--text)}
html[data-theme=light] .component-name small,html[data-theme=light] .component-meta span{color:var(--dim)}
html[data-theme=light] .history i.none,html[data-theme=light] .legend i.none{background:#dde6ee}
html[data-theme=light] .incident{background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(11,22,32,.04)}
html[data-theme=light] .incident-head strong{color:var(--text)}
html[data-theme=light] .incident-head time,html[data-theme=light] .incident-updates li{color:var(--muted)}
html[data-theme=light] .incident p{color:var(--muted)!important}
html[data-theme=light] .empty-note{border:1px dashed #b7d6ea;color:var(--dim)}

/* ---------- Dialoglar ---------- */
html[data-theme=light] dialog{background:#fff;color:var(--text);border:1px solid var(--line);box-shadow:0 40px 80px -40px rgba(11,22,32,.5)}
html[data-theme=light] dialog>p,html[data-theme=light] .dialog-note{color:var(--muted)}
html[data-theme=light] .dialog-note{background:#f5f8fc;border:1px solid var(--line)}
html[data-theme=light] .dialog-close{color:var(--dim)}
html[data-theme=light] dialog::backdrop{background:#0b162099;backdrop-filter:blur(4px)}
html[data-theme=light] .plan-grid a{background:#fff;border:1px solid var(--line);color:#22374a}
html[data-theme=light] .panel-demo-tabs button{background:#f5f8fc;border:1px solid var(--line);color:#22374a}
html[data-theme=light] .panel-demo-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}
html[data-theme=light] #demo-content{background:#f5f8fc;border:1px solid var(--line);color:var(--muted)}

/* ---------- Koyu panellerin içi açık temada da açık renk kalır ---------- */
html[data-theme=light] .conversation-top strong,
html[data-theme=light] .panel-welcome h3,
html[data-theme=light] .mock-app strong,
html[data-theme=light] .mock-stats strong,
html[data-theme=light] .ai-note strong,
html[data-theme=light] .support-response strong,
html[data-theme=light] .support-bottom strong,
html[data-theme=light] .vision-copy h1,
html[data-theme=light] .vision-title{color:#dbeaf4}
html[data-theme=light] .corner-label{color:#c7d6e2}
html[data-theme=light] .support-visual p,html[data-theme=light] .support-reply p,html[data-theme=light] .conversation-card p,html[data-theme=light] .panel-preview p{color:inherit}
html[data-theme=light] .model-intro,html[data-theme=light] .conversation-body p,html[data-theme=light] .ai-plan small,html[data-theme=light] .mock-app span,html[data-theme=light] .support-reply p{color:#9fbdd1}