/* Akademik Retina Brand System v5.1
   Source palette: Akademik Lacivert #1D3557, Bilimsel Mercan #E76F51,
   Nötr Beyaz #FFFFFF, Hafif Bej #FAF0E6.
   Typography: Merriweather (editorial/headings), Poppins (UI/body). */
:root{
  --brand-navy:#1D3557;
  --brand-coral:#E76F51;
  --brand-white:#FFFFFF;
  --brand-beige:#FAF0E6;
  --brand-navy-rgb:29,53,87;
  --brand-coral-rgb:231,111,81;
}
html,body,button,input,select,textarea{font-family:"Poppins",Arial,"Helvetica Neue",sans-serif}
body{color:var(--brand-navy);background:var(--brand-white)}
h1,h2,h3,h4,h5,h6,
.kn-brand strong,.kn-hero h1,.kn-feature-note h2,.kn-section-title h2,.kn-topic-row h3,.kn-image-copy h3,
.kn-stream-title h2,.kn-paper h3,.kn-footer-brand strong,
.ar-feed-header h1,.ar-feed-header h2,.ar-author-hero h1,.ar-section-title,
.ar5-page-hero h1,.ar5-blog-hero h1,.ar5-search-page-hero h1,.ar5-contact-hero h1,
.ar5-section-head h1,.ar5-section-head h2,.ar5-cluster-card h3,.ar5-authority-copy h2,
.ar5-entry-grid strong,.ar5-art-tile span,.ar5-contact-band h2,.ar5-related-card>span,
.ar5-prose h2,.ar5-prose h3,.ar5-prose h4,.ar5-prose blockquote{
  font-family:"Merriweather",Georgia,"Times New Roman",serif;
}
.ar5-prose,.ar-article-body{font-family:"Poppins",Arial,"Helvetica Neue",sans-serif;color:var(--brand-navy)}
.ar5-prose h2,.ar5-prose h3,.ar5-prose h4,.ar-article-body h2,.ar-article-body h3{font-family:"Merriweather",Georgia,"Times New Roman",serif;color:var(--brand-navy)}

/* Surfaces */
.kn-hero,.ar5-page-hero,.ar5-cluster-section,.ar5-sidecard,.ar5-academic-index,.ar5-prose blockquote,
.ar-abstract,.ar5-mobile-nav,.ar5-contact-form-wrap{background-color:var(--brand-beige)}
.ar5-entry-rail,.kn-indexbar,.kn-image-card,.ar5-authority,.ar5-related-card,.ar5-blog-card,.ar5-search-card,
.ar5-contact-card,.ar5-publication-list article{background-color:var(--brand-white)}

/* Primary / accent system */
.kn-label,.kn-section-title>span,.kn-block-head>span,.kn-image-copy small,.kn-topic-index,
.ar-paper-type,.ar5-eyebrow,.ar5-section-head>span,.ar5-section-head>span,.ar5-mega-intro small,.ar5-mega-panel small,
.ar5-sidecard>span,.ar5-academic-index>span,.ar5-contact-band span,.primary-link,.ar5-prose a{color:var(--brand-coral)}
.kn-nav a:hover,.kn-query-links a:hover,.kn-topic-row:hover h3,.kn-topic-row:hover b,
.ar5-breadcrumbs a:hover,.ar5-sidecard a,.ar5-mega-links a:hover{color:var(--brand-coral)}
.kn-nav a:after,.ar5-desktop-nav>a:after,.ar5-mega-trigger:after,.ar5-reading-progress i{background:var(--brand-coral)}

.kn-search button,.kn-contact-button,.ar-button,.ar5-button-primary,.ar5-actions .kn-contact-button,
.kn-search-modal-form button{background:var(--brand-navy);border-color:var(--brand-navy);color:var(--brand-white)}
.kn-search button:hover,.kn-contact-button:hover,.ar5-actions .kn-contact-button:hover,.ar5-button-primary:hover,
.kn-search-modal-form button:hover{background:var(--brand-coral);border-color:var(--brand-coral);color:var(--brand-white)}
.ar5-button,.ar5-button-ghost{border-color:var(--brand-navy);color:var(--brand-navy)}
.ar5-button-ghost:hover{background:var(--brand-beige);border-color:var(--brand-coral);color:var(--brand-coral)}

/* Interactive editorial tiles use the primary navy rather than the retired green system. */
.kn-indexgrid>a:before,.ar5-entry-grid>a:before,.ar5-cluster-card:hover,.ar5-related-card:hover{background:var(--brand-navy)}
.ar5-art-tile{background:var(--brand-navy)!important}
.ar5-contact-band{background:var(--brand-navy)}
.ar5-cluster-card:hover small,.ar5-entry-grid>a:hover small{color:#FFD4C8}

/* Search + overlays */
.kn-search-overlay,.ar5-search-overlay,.ar5-mobile-shell{background:rgba(var(--brand-navy-rgb),.97)}
.kn-search-modal-form svg{stroke:var(--brand-coral)}

/* Borders and soft tones derive from the approved palette. */
.kn-header,.ar5-header,.ar5-entry-rail,.ar5-cluster-section,.ar5-gallery-preview,.ar5-page-hero,
.kn-image-card,.ar5-authority,.ar5-related-card,.ar5-blog-card,.ar5-search-card,.ar5-publication-list article{
  border-color:rgba(var(--brand-navy-rgb),.16);
}
.kn-search,.ar5-contact-form input,.ar5-contact-form textarea,.ar5-contact-form select{border-color:rgba(var(--brand-navy-rgb),.24)}
.kn-search:focus-within,.ar5-contact-form input:focus,.ar5-contact-form textarea:focus,.ar5-contact-form select:focus{
  border-color:var(--brand-coral);box-shadow:0 0 0 3px rgba(var(--brand-coral-rgb),.10)
}

/* Footer: explicitly exact Akademik Lacivert, no green gradient. */
.kn-footer,.ar5-footer{background:#1D3557!important;color:#FFFFFF}
.kn-footer:after{background:radial-gradient(circle,rgba(var(--brand-coral-rgb),.18),rgba(var(--brand-coral-rgb),0) 68%)}
.kn-footer-brand p,.kn-footer-bottom{color:rgba(255,255,255,.68)}
.kn-footer-column>span{color:#FFD4C8}
.kn-footer nav a:hover{color:var(--brand-coral)}
.kn-footer-mark{background:var(--brand-white);color:var(--brand-navy)}

/* Editorial readability */
.kn-hero-main>p,.ar5-page-hero p,.ar5-blog-hero p,.ar5-search-page-hero p,.ar5-contact-hero p,
.ar5-section-head p,.ar5-cluster-card p,.ar5-authority-copy p,.ar5-sidecard p,.ar5-prose p,
.ar5-prose li,.ar-article-body p,.ar-article-body li{color:rgba(var(--brand-navy-rgb),.78)}
.ar5-prose{font-size:18px;line-height:1.78}
.ar5-prose h2{font-weight:700;letter-spacing:-.018em}
.ar5-prose h3{font-weight:700;letter-spacing:-.012em}

/* Brand-prescribed typography weights. */
.kn-brand strong,h1,h2,h3{font-weight:700}
.kn-nav,.ar5-desktop-nav,.kn-label,.ar5-eyebrow,.ar5-button,button{font-family:"Poppins",Arial,"Helvetica Neue",sans-serif}

@media (max-width:760px){
  .ar5-prose{font-size:17px;line-height:1.72}
}