/* =========================================================================
   variant-c.css — Varyant C "Yıldız Haritası" (KOYU / DRAMATİK MİSTİK)
   Diğer ikisinden TAMAMEN farklı: krem zemin yerine GECE teması (derin
   lacivert-bordo zemin, açık metin). Yıldız haritası + ay evreleri görsel
   kahraman, hafif yıldız tozu. Büyük dramatik tipografi; scrapbook en minimal,
   atmosfer renk/ışıkla. En büyülü, en iddialı. (tasarim-sistemi §2 · C)
   > Okunaklılık: açık metin (#E9E3F2) koyu zemin (#141229) üzerinde ~13:1 kontrast.
   ========================================================================= */

body[data-variant="c"] {
  /* PALET FLIP — gece teması (token'lar dönünce tüm bileşenler otomatik koyulaşır) */
  --c-bg:        #141229;   /* derin gece lacivertı */
  --c-heading:   #ECD9A2;   /* açık altın — başlıklar */
  --c-cta:       #C8243E;   /* ruj — gece lacivertı üzerinde net okunur (beyaz yazı ~5:1) */
  --c-cta-ink:   #ffffff;
  --c-text:      #E9E3F2;   /* açık lavanta-krem — gövde (yüksek kontrast) */
  --c-muted:     #ABA0C6;   /* soluk lavanta — ikincil */
  --c-card:      #1E1B3C;   /* yükseltilmiş koyu yüzey */
  --c-line:      rgba(236,217,162,.16);
  --c-mystic:    #C9B6DC;
  --c-highlight: #F4D03F;
  --c-paper-line: transparent;

  --tilt:           0deg;
  --motif-strength: .6;
  --space-section:  6.5rem;

  background-color: var(--c-bg);
  /* Nebula parıltıları + ince yıldız tozu zemini */
  background-image:
    radial-gradient(60% 50% at 80% 0%, rgba(122,29,47,.34), transparent 60%),
    radial-gradient(55% 45% at 10% 100%, rgba(78,60,120,.40), transparent 60%),
    radial-gradient(1.4px 1.4px at 30px 40px,  rgba(236,217,162,.45), transparent 60%),
    radial-gradient(1.2px 1.2px at 130px 90px, rgba(201,182,220,.55), transparent 60%),
    radial-gradient(1px 1px   at 80px 165px,   rgba(201,182,220,.45), transparent 60%),
    radial-gradient(1.3px 1.3px at 185px 35px, rgba(236,217,162,.40), transparent 60%);
  background-size: 100% 100%, 100% 100%, 230px 230px, 230px 230px, 230px 230px, 230px 230px;
  background-attachment: fixed, fixed, scroll, scroll, scroll, scroll;
}

/* Koyu yüzeyler — style.css'teki sabit açık renkleri ez */
body[data-variant="c"] .site-header { background: rgba(20,18,41,.86); border-bottom-color: var(--c-line); }
body[data-variant="c"] .site-footer { background: #100E22; border-top-color: var(--c-line); }
body[data-variant="c"] .moon-shadow { fill: #100E22; }       /* footer ayraç hilalleri */
body[data-variant="c"] .moon-disc { fill: var(--c-mystic); }
body[data-variant="c"] .form-control { background: #262247; color: var(--c-text); border-color: var(--c-line); }
body[data-variant="c"] .form-control::placeholder { color: #8d83a6; }
body[data-variant="c"] .cookie-bar,
body[data-variant="c"] .variant-switcher { background: #0c0a1c; color: #E9E3F2; }
body[data-variant="c"] .course-cover { background: linear-gradient(155deg, #241f48, #15122e); }
body[data-variant="c"] .course-index { color: rgba(236,217,162,.30); }
body[data-variant="c"] .chip { background: rgba(201,182,220,.18); color: #ECD9A2; }
body[data-variant="c"] .chip-soft { background: rgba(236,217,162,.12); color: var(--c-text); }

/* Buton/kontrastlar koyu tema için */
body[data-variant="c"] .btn-outline-dark { border-color: var(--c-text); color: var(--c-text); }
body[data-variant="c"] .btn-outline-dark:hover { background: var(--c-heading); border-color: var(--c-heading); color: #14122B; }
body[data-variant="c"] .hl::before { background: var(--c-mystic); opacity: .45; }  /* sarı yerine lavanta — açık metin okunur */

/* ---- HERO: ortalanmış kozmik dram ---- */
body[data-variant="c"] .hero { padding: clamp(3.5rem, 8vw, 7rem) 0 clamp(3rem, 6vw, 5rem); }
body[data-variant="c"] .hero .row { display: block; max-width: 900px; margin: 0 auto; text-align: center; position: relative; z-index: 2; }
body[data-variant="c"] .hero-copy, body[data-variant="c"] .hero .col-lg-6 { width: 100%; max-width: none; }
body[data-variant="c"] .hero-title {
  font-size: clamp(3rem, 7vw, 5.2rem); line-height: 1.02; color: var(--c-heading);
  text-shadow: 0 0 28px rgba(236,217,162,.28); margin-bottom: .5rem;
}
body[data-variant="c"] .hero-title em { color: #E0566C; }
body[data-variant="c"] .hero-sub { font-size: clamp(1.3rem, 2.6vw, 1.9rem); color: var(--c-mystic); margin: 0 auto .5rem; }
body[data-variant="c"] .hero-lead { max-width: 60ch; margin: 1.5rem auto 0; color: var(--c-text); }
body[data-variant="c"] .hero-cta { justify-content: center; }
body[data-variant="c"] .hero-flair { text-align: center; }

/* Polaroid/masa kapalı; kozmik kahraman açık */
body[data-variant="c"] .polaroid-hero, body[data-variant="c"] .desk-extras { display: none; }
body[data-variant="c"] .hero-stardust { opacity: .9; color: var(--c-mystic); }
body[data-variant="c"] .hero-cosmos {
  display: block; position: absolute; top: 50%; left: 50%;
  width: min(680px, 96vw); aspect-ratio: 1; transform: translate(-50%, -50%);
  color: var(--c-mystic); opacity: .42; z-index: 0; pointer-events: none;
  filter: drop-shadow(0 0 16px rgba(201,182,220,.25));
}
body[data-variant="c"] .hero-cosmos .starchart { width: 100%; height: 100%; }
@media (prefers-reduced-motion: no-preference) {
  body[data-variant="c"] .hero-cosmos { animation: spinChart 140s linear infinite; }
}
@keyframes spinChart { to { transform: translate(-50%, -50%) rotate(360deg); } }

/* ---- Bölüm başlıkları: büyük, izli, ince lavanta çizgi (washi yok) ---- */
body[data-variant="c"] .section-head { margin-bottom: 3.6rem; }
body[data-variant="c"] .section-title { font-size: clamp(2.1rem, 4vw, 3.2rem); color: var(--c-heading); letter-spacing: .5px; }
body[data-variant="c"] .section-sub { color: var(--c-muted); }
body[data-variant="c"] .section-tag.washi-label {
  background: transparent; box-shadow: none; transform: none;
  letter-spacing: .34em; color: var(--c-mystic); border-bottom: 1px solid var(--c-line); border-radius: 0; padding: 0 0 .3rem;
}
body[data-variant="c"] .section-tag.washi-label::after { display: none; }

/* ---- Kartlar: koyu, parıltılı kenar; ay evresi öne çıkar (scrapbook minimal) ---- */
body[data-variant="c"] .course-card {
  transform: none; background: var(--c-card);
  border: 1px solid var(--c-line); border-top: 2px solid var(--c-mystic);
  box-shadow: 0 14px 34px rgba(0,0,0,.45), 0 0 24px rgba(201,182,220,.06);
  padding: .5rem .5rem 1.1rem;
}
body[data-variant="c"] .course-card:hover { transform: translateY(-6px); box-shadow: 0 18px 42px rgba(0,0,0,.55), 0 0 30px rgba(201,182,220,.16); }
body[data-variant="c"] .course-moon { width: 40px; height: 40px; opacity: .95; filter: drop-shadow(0 0 8px rgba(201,182,220,.4)); }
body[data-variant="c"] .course-more, body[data-variant="c"] .course-summary { color: var(--c-muted); }

/* Soy ağacı / danışmanlık / yorum / blog — koyu yüzey, sakin */
body[data-variant="c"] .lineage, body[data-variant="c"] .consult-card,
body[data-variant="c"] .contact-aside { border-color: var(--c-line); }
body[data-variant="c"] .review-card { background: var(--c-card); border-top-color: var(--c-mystic); box-shadow: 0 12px 30px rgba(0,0,0,.4); }
body[data-variant="c"] .note-card { background: var(--c-card); border-color: var(--c-line); }
body[data-variant="c"] .note-clip { border-color: var(--c-mystic); }
body[data-variant="c"] .newsletter-card { background: var(--c-card); border-color: var(--c-line); }
body[data-variant="c"] .reviews-section { background: linear-gradient(180deg, transparent, rgba(78,60,120,.18)); }

/* Ay evreleri görsel imza — daha belirgin/parıltılı */
body[data-variant="c"] .moon-divider .moon { width: 28px; height: 28px; filter: drop-shadow(0 0 6px rgba(201,182,220,.4)); }
body[data-variant="c"] .consult-moon, body[data-variant="c"] .contact-moon { filter: drop-shadow(0 0 8px rgba(201,182,220,.4)); }

/* Yıldız imleç (yıldızın ucu tıklama noktası) */
body[data-variant="c"] :is(a, .btn, button, [role="button"], summary, label[for], .navbar-toggler) {
  cursor:
    url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%3E%3Cpath%20d='M14%202%20L16%2011%20L25%2013%20L16%2015%20L14%2026%20L12%2015%20L3%2013%20L12%2011%20Z'%20fill='%23ECD9A2'/%3E%3Ccircle%20cx='14'%20cy='13'%20r='1.4'%20fill='%23F4D03F'/%3E%3C/svg%3E") 14 2,
    pointer;
}