/* ========================================
   YENİ PROFESYONEL RENK PALETİ
   ======================================== */
:root {
  --color-bg-dark: #2B211E;        /* Yıllanmış Meşe Odunu */
  --color-accent-gold: #722F37;   /* Yıllanmış Şarap / Bordo */
  --color-text-cream: #FFF4E0;     /* Kadife Krem / Fildişi */
  --color-bg-light-mint: #3A2C28;  /* Yumuşatılmış Meşe (Zemin/Kartlar) */
  --color-accent-pale: #D4A36B;   /* Ahşap Sarısı / Soluk Altın */
  --color-accent-sand: #E6D5B8;   /* Kum Rengi (Logo Arkası ve Aydınlatma İçin) */
  --color-alert-red: #D34C36;     /* Sıcak Kırmızı */

  /* Eski değişkeni yeni standartla güncelle */
  --new-text-color: var(--color-text-cream); 
}

/* ========================================
   TEMEL STİLLER
   ======================================== */
html {
	height: 100%;
	background: radial-gradient(circle at calc(100% - var(--scroll-y, 0px) * 0.1) calc(0% + var(--scroll-y, 0px) * 0.4), var(--color-bg-light-mint) 0%, var(--color-bg-dark) 55%, #17110e 100%);
	background-attachment: fixed;
  scroll-behavior: smooth;
  overflow-x: hidden;
  transition: background 1s ease;
}

body {
	min-height: 100%;
	color: var(--color-text-cream); /* Ana metin rengi */
	font-family: 'Inter', system-ui, sans-serif;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
  overflow-x: hidden;
}

/* Yumusak Tema Gecişi (Sayfa sonuna gelince) */
body[data-theme='contact'] {
  --color-bg-dark: #3b191c; /* Crimson Bordo */
  --color-bg-light-mint: #5e262c;
}

/* --------------------------------------
   AMBIENT ORBS (Lüks Işık Efektleri)
   -------------------------------------- */
.ambient-orbs {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
}

.orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(120px);
  opacity: 0.15;
  animation: floatOrb 20s ease-in-out infinite alternate;
  will-change: transform;
}

.orb-1 {
  width: 55vw; height: 55vw;
  background-color: var(--color-accent-sand);
  top: -15%; left: -5%;
  opacity: 0.18; /* Kum renginin logonun arkasından net parlaması için */
  transform: translateY(calc(var(--scroll-y, 0px) * 0.3));
}

.orb-2 {
  width: 35vw; height: 35vw;
  background-color: var(--color-accent-gold);
  bottom: -10%; right: -5%;
  animation-duration: 25s;
  animation-delay: -5s;
  transform: translateY(calc(var(--scroll-y, 0px) * -0.4));
}

.orb-3 {
  width: 25vw; height: 25vw;
  background-color: var(--color-alert-red);
  top: 40%; left: 30%;
  animation-duration: 18s;
  animation-delay: -10s;
  opacity: 0.12;
  transform: translateY(calc(var(--scroll-y, 0px) * 0.6));
}

@keyframes floatOrb {
  0% { margin-top: 0; margin-left: 0; scale: 1; }
  100% { margin-top: 5vh; margin-left: -5vw; scale: 1.15; }
}

@property --color-bg-dark {
  syntax: '<color>';
  initial-value: #2B211E;
  inherits: true;
}

@property --color-bg-light-mint {
  syntax: '<color>';
  initial-value: #3A2C28;
  inherits: true;
}