/* Saat Teknoloji tasarim dili (saatteknoloji.com) */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Michroma&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap");

:root {
  /* Saat Teknoloji paleti */
  --beyaz: #FFFFFF;
  --zemin: #F9FAFB;
  --yuzey-hover: #F3F4F6;
  --cizgi: #E5E7EB;
  --cizgi-koyu: #D1D5DB;
  --sinyal: #E9521D;
  --sinyal-koyu: #C7401A;
  --amber: #E78600;
  --metin: #0F172A;
  --metin-2: #4B5563;
  --metin-3: #94A3B8;
  --lacivert: #1E293B;
  --golge: 0 1px 2px #0000000a, 0 4px 12px #0000000f, 0 16px 40px #0000000a;
  --golge-buyuk: 0 2px 4px #0000000f, 0 8px 24px #00000014, 0 24px 56px #0000000f;

  /* Eski adlar (sayfalardaki kurallar bunlari kullanir) */
  --gece: var(--zemin);
  --fildisi: var(--metin);
  --soluk: var(--metin-2);
  --altin: var(--sinyal);
  --altin-koyu: var(--cizgi-koyu);
  --tr: #E30A17;
  --ae: #00843D;

  --marka: "Michroma", sans-serif;
  --serif: "Plus Jakarta Sans", "Inter", "Noto Sans Arabic", "Segoe UI", sans-serif;   /* basliklar */
  --sans: "Inter", "Plus Jakarta Sans", "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;
  --mono: "JetBrains Mono", "Courier New", monospace;
  --ease: cubic-bezier(.16, 1, .3, 1);
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; background: var(--zemin); color: var(--metin); font-family: var(--sans);
             -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; }
[dir=rtl], :lang(ar) { font-family: "Noto Sans Arabic", var(--sans); }

/* Arka plan: beyaz zemin, ince izgara ve hafif turuncu isik */
.arka { position: fixed; inset: 0; z-index: -1; pointer-events: none;
        background:
          radial-gradient(900px 520px at 50% -8%, rgba(233,82,29,.09), transparent 65%),
          radial-gradient(700px 500px at 100% 100%, rgba(231,134,0,.06), transparent 60%),
          linear-gradient(var(--beyaz), var(--zemin)); }
.arka::after { content: ""; position: absolute; inset: 0;
               background-image: linear-gradient(rgba(15,23,42,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(15,23,42,.035) 1px, transparent 1px);
               background-size: 56px 56px; -webkit-mask-image: radial-gradient(ellipse at 50% 40%, #000 30%, transparent 78%); mask-image: radial-gradient(ellipse at 50% 40%, #000 30%, transparent 78%); }

/* Dugmeler: turuncu dolu / beyaz cerceveli, 8px kose */
.dugme { font: inherit; font-family: var(--sans); font-weight: 500; font-size: 19px; color: #fff; background: var(--sinyal);
         border: 1px solid var(--sinyal); border-radius: 8px; padding: 16px 34px; cursor: pointer;
         box-shadow: 0 6px 20px rgba(233,82,29,.22); transition: transform .18s var(--ease), background .18s, box-shadow .18s; }
.dugme:hover { background: var(--sinyal-koyu); border-color: var(--sinyal-koyu); }
.dugme:active { transform: scale(.97); }
.dugme.ikincil { background: var(--beyaz); color: var(--sinyal); border-color: var(--cizgi-koyu); box-shadow: none; }
.dugme.ikincil:hover { background: var(--yuzey-hover); }

/* Kucuk etiket: JetBrains Mono, buyuk harf, turuncu */
.etiket { font-family: var(--mono); font-size: 12px; letter-spacing: .15em; text-transform: uppercase; color: var(--sinyal); }

/* Saat Teknoloji logosu (js/logo.js doldurur). Boyut font-size ile ayarlanir. */
.saat-logo { display: inline-block; line-height: 0; user-select: none; }
.saat-logo img { height: 1.6em; width: auto; display: block; }
.saat-logo.sloganli img { height: 1.9em; }

.logo-kopru { width: 220px; height: 70px; }
.ciz { stroke-dasharray: 300; stroke-dashoffset: 300; animation: ciz 1.8s .2s ease forwards; }
.ciz-yavas { stroke-dasharray: 700; stroke-dashoffset: 700; animation: ciz 1.6s ease-in-out infinite alternate; }
@keyframes ciz { to { stroke-dashoffset: 0; } }