/* =====================================================================
   IDEAZONE — THEME v4
   Krem palet + Instrument Serif + yeni aksiyon renkleri
   main.css'ten ÖNCE yüklenir, CSS değişkenleri üzerine yazar
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:ital,wght@0,400;0,500;0,600;1,400&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
    /* Palet — krem ve koyu kahve */
    --bg:          #F2EDE4;
    --bg-alt:      #EAE3D6;      /* hafifçe koyu krem — bölüm ayrımı */
    --bg-deep:     #14120E;      /* intro / geçiş için koyu zemin */

    --fg:          #14120E;      /* koyu kahve-siyah (saf siyah değil) */
    --fg-soft:     #2A2620;      /* paragraflar */
    --fg-dim:      #5C554A;      /* yardımcı metinler */
    --fg-mut:      #8C8579;      /* etiketler, meta */

    --line:        rgba(20, 18, 14, 0.10);
    --line-strong: rgba(20, 18, 14, 0.22);

    --acc:         #E8FE5B;      /* sarı — korundu */
    --acc-ink:     #14120E;      /* sarı zeminde yazı */
    --acc-hover:   #D4F03B;

    /* Tipografi */
    --ff-display:  'Instrument Serif', 'Playfair Display', Georgia, serif;
    --ff-body:     'Instrument Sans', 'Inter', ui-sans-serif, system-ui, sans-serif;
    --ff-mono:     'JetBrains Mono', ui-monospace, Menlo, monospace;

    /* Ölçüler */
    --container:   1440px;
    --page-pad-x:  clamp(20px, 4vw, 48px);

    /* Easing */
    --ease-out:    cubic-bezier(.2, .7, .2, 1);
    --ease-in-out: cubic-bezier(.77, 0, .18, 1);
}

/* Temel sıfırlamalar — main.css'in üstüne yazmıyor, sadece renk / tipografi */

body {
    background: var(--bg);
    color: var(--fg);
    font-family: var(--ff-body);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.55;
    letter-spacing: -0.005em;
}

/* Tüm başlıklar serif */
h1, h2, h3, h4 {
    font-family: var(--ff-display);
    color: var(--fg);
    font-weight: 400;
    letter-spacing: -0.025em;
}

/* Seçim rengi */
::selection {
    background: var(--acc);
    color: var(--acc-ink);
}

/* Link default */
a { color: inherit; text-decoration: none; }
a:hover { color: var(--fg); }

/* Cursor özelleştirme — krem zeminde siyah daire görünsün */
.cursor-dot {
    background: var(--fg) !important;
    mix-blend-mode: difference;
}
.cursor-dot.is-hovering {
    background: var(--acc) !important;
    mix-blend-mode: normal;
}

/* Intro koyu zeminde çalışsın — logo çizim sırasında */
html.intro-active {
    background: var(--bg-deep);
}

/* Header / menüyu gizle intro sırasında */
.site-header .page-loader,
.site-header .page-loader__mark { display: none !important; }