/* /static/css/base.css */
/* Reset + base */
* {
  box-sizing: border-box;
}
html,
body {
  padding: 0;
}

img {
  max-width: 100%;
  display: block;
}
:root {
  --bg: #ffffff;
  --fg: #1f2937; /* text */
  --muted: #6b7280;

  --brand-orange: #ff8a1e;
  --brand-orange-weak: #ffe8d1;

  --brand-purple: #7b5ce6;
  --brand-purple-weak: #efeaff;

  --surface: #ffffff; /* kart/nav/footer yüzeyi */
  --border: #e5e7eb; /* ince çizgi */
  --radius: 12px;

  --shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
  --container: 1120px;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    --ease: 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
  }
}

/* /static/css/base.css */
body {
  font-family: "Poppins", system-ui, -apple-system, "Helvetica Neue", Arial,
    sans-serif;
  background-color: var(--bg);

  /* Çapraz geniş turuncu şerit */
  background-image: linear-gradient(
    60deg,
    /* Eğim */ transparent 0%,
    /* Şeffaf başlangıç */ transparent 35%,
    /* 0-35% arası şeffaf */ rgba(255, 138, 30, 0.15) 35%,
    /* Şerit başı */ rgba(255, 138, 30, 0.15) 65%,
    /* Şerit sonu */ transparent 65%,
    /* Sonra tekrar şeffaf */ transparent 100%
  );

  background-size: cover; /* Tüm sayfayı kapla */
  background-repeat: no-repeat;

  background-position: center; /* şerit üstte ortalanmış */

  color: var(--fg);
  line-height: 1.6;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

a {
  color: inherit;
  text-decoration: none;
}
a:focus-visible,
button:focus-visible {
  outline: 3px solid rgba(123, 92, 230, 0.35);
  outline-offset: 2px;
  border-radius: 8px;
}

main {
  flex: 1;
  padding-top: var(--navbar-height);
}

.container {
  width: 100%;
  max-width: var(--container);
  padding: 0 20px;
  margin: 0 auto;
}

/* Hafif vurgu arka planları (opsiyonel bölümler için) */
.bg-soft-orange {
  background: linear-gradient(0deg, #fff, var(--brand-orange-weak));
}
.bg-soft-purple {
  background: linear-gradient(0deg, #fff, var(--brand-purple-weak));
}

/* Tipografi */
h1,
h2,
h3 {
  color: var(--fg);
  margin: 0 0 10px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
p {
  color: var(--fg);
  margin: 0 0 12px;
}

/* Utilities */
.shadow {
  box-shadow: var(--shadow);
}
.rounded {
  border-radius: var(--radius);
}
.border {
  border: 1px solid var(--border);
}
.mute {
  color: var(--muted);
}

@media (max-width: 768px) {
  .section {
    padding: 18px 0;
  }
}
/* Mobile: daha yatay açı + daha geniş şerit + konum ayarı */
@media (max-width: 640px) {
  body {
    background-image: linear-gradient(
      25deg,
      /* daha yatay */ transparent 0%,
      transparent 30%,
      /* boş alan */ rgba(255, 138, 30, 0.18) 30%,
      /* şerit başlangıcı (biraz daha belirgin) */ rgba(255, 138, 30, 0.18) 70%,
      /* şerit bitişi - geniş şerit */ transparent 70%,
      transparent 100%
    );
    background-size: 140% 140%; /* küçük ekranda şeridi kadraja sığdır */
    background-position: top center; /* şerit üstte ortalanmış */
    background-attachment: fixed; /* kaydırma ile arka plan sabit */
    background-repeat: no-repeat;
  }
}