/* Mekin — AKBIYIK.NET marka token sistemi. Zümrüt + altın + kırık beyaz/gümüş.
   Kaynak: 08_UI_UX_MASTER_BRIEF.md / 09_DESIGN_TOKENS.css (kullanıcı upload paketi, 2026-10-13). */
:root {
  --bg:      #07100F;
  --bg2:     #091411;
  --bg3:     #12231F;
  --card:    #0E1A17;
  --border:  rgba(99, 184, 158, 0.22);
  --border2: rgba(214, 175, 88, 0.40);
  --text:    #F3F1EA;
  --text2:   #C9D0CC;
  --text3:   #91A09A;
  --accent:  #16C7A5;
  --accent2: #29DCB8;
  --gold:    #D6AF58;
  --gold-soft: #F0D28B;
  --gold-dark: #8D6B2E;
  --r:       14px;
  --r-sm:    10px;
  --shadow:  rgba(0,0,0,0.6);
  --glass:   rgba(22,199,165,0.05);
  --glass2:  rgba(22,199,165,0.09);
  --glass3:  rgba(22,199,165,0.14);
}
[data-theme="light"] {
  --bg:      #F4F1E8;
  --bg2:     #FBF9F2;
  --bg3:     #ECE6D6;
  --card:    #FFFFFF;
  --border:  rgba(12,143,118,0.18);
  --border2: rgba(141,107,46,0.35);
  --text:    #15241F;
  --text2:   #3E4F49;
  --text3:   #6E7B76;
  --accent:  #0C8F76;
  --accent2: #0A7A64;
  --gold:    #8D6B2E;
  --gold-soft: #AE8640;
  --gold-dark: #6B4F1F;
  --shadow:  rgba(20,40,35,0.14);
  --glass:   rgba(12,143,118,0.04);
  --glass2:  rgba(12,143,118,0.07);
  --glass3:  rgba(12,143,118,0.10);
}

* , *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--bg);
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', sans-serif;
  min-height: 100vh;
  font-size: 15px;
  line-height: 1.6;
  overflow-x: hidden;
}
h1, h2, .section-title, .section-eyebrow { font-family: 'Cinzel', 'Inter', serif; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
::selection { background: rgba(22,199,165,0.35); }
:focus-visible { outline: 2px solid var(--accent2); outline-offset: 2px; }

.wrap { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
@media (max-width: 640px) { .wrap { padding: 0 16px; } }