/* SAAT Teknoloji marka katmanı.
   Kaynak: Figma "Branding" dosyası (palet, tipografi, logo varyasyonları) ve saatteknoloji.com (arayüz yazı tipleri, gölgeler). */
:root {
  /* Figma paleti */
  --saat-signal: #E9521D;      /* turuncu */
  --saat-amber: #E78600;       /* amber */
  --saat-navy: #1E293B;        /* koyu zemin, logo yazısı */
  --saat-gray: #C7C8CE;        /* açık gri */
  --saat-ink: #0F172A;         /* ana metin */
  --saat-sub: #A4AAAD;         /* alt metin */
  --saat-cream: #FFFBEB;       /* krem zemin (renkli logo) */
  --saat-light: #F9FAFB;       /* açık zemin (tek renk logo) */
  --saat-border: #E5E7EB;      /* kart kenarlığı */
  /* Site tamamlayıcıları */
  --saat-signal-dim: #C7401A;
  --saat-signal-glow: rgba(233, 82, 29, .08);
  --saat-ink-2: #1E293B;
  --saat-text-2: #4B5563;      /* okunabilir ikincil metin */
  --saat-muted: #A4AAAD;
  --saat-slate: #A4AAAD;
  --saat-border-hover: #C7C8CE;
  --saat-deep: #F9FAFB;
  --saat-hover: #F3F4F6;
  --saat-surface: #FFFFFF;
  --saat-ok: #059669;
  --saat-bad: #DC2626;
  --saat-wait: #D97706;
  --font-brand: "Michroma", sans-serif;
  --font-display: "Plus Jakarta Sans", "Inter", "Noto Kufi Arabic", sans-serif;
  --font-ui: "Inter", "Plus Jakarta Sans", "Noto Kufi Arabic", sans-serif;
  --font-mono: "JetBrains Mono", "Courier New", monospace;
  --font-ar: "Noto Kufi Arabic", "Inter", sans-serif;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 8px;                 /* Figma kartları: 8 px */
  --shadow-card: 0 1px 2px #0000000a, 0 4px 12px #0000000f, 0 16px 40px #0000000a;
  --shadow-card-hover: 0 2px 4px #0000000f, 0 8px 24px #00000014, 0 24px 56px #0000000f;
  --ease: cubic-bezier(.16, 1, .3, 1);
  --saat-grad: linear-gradient(90deg, #0F172A 0%, #E9521D 30%, #E78600 50%, #0F172A 100%);
  --saat-grad-warm: linear-gradient(90deg, #E9521D 0%, #E78600 100%);
}

/* Logo: "saat [simge] teknoloji" + slogan. Boyut, kapsayıcının font-size değeriyle ölçeklenir.
   Varyasyonlar (Figma): varsayılan = renkli (krem/beyaz zemin), .mono = gri tek renk (açık zemin), .koyu = koyu zemin.
   .cerceve: slogan ince çerçeve içinde (Figma ana logo). */
.saat-logo { --logo-c1: #E9521D; --logo-c2: #E78600; --logo-ink: var(--saat-navy); --logo-tag: var(--saat-navy);
  display: inline-grid; justify-items: center; line-height: 1; user-select: none; white-space: nowrap; }
.saat-logo.mono { --logo-c1: #A4AAAD; --logo-c2: #C7C8CE; --logo-tag: var(--saat-sub); }
.saat-logo.koyu { --logo-ink: #fff; --logo-tag: #fff; }
.saat-logo-row { display: flex; align-items: center; gap: .3em; }
.saat-logo svg { width: 1.9em; height: 1.9em; color: var(--logo-ink); flex: none; }
.saat-logo .c1 { stroke: var(--logo-c1); }
.saat-logo .c2 { stroke: var(--logo-c2); }
.saat-logo-text { font-family: var(--font-brand); letter-spacing: .06em; color: var(--logo-ink); text-transform: lowercase; }
.saat-logo-tagline { font-family: var(--font-brand); font-size: .34em; color: var(--logo-tag); text-transform: lowercase; margin-top: .55em; width: max-content; }
.saat-logo.cerceve .saat-logo-tagline { border: 1px solid currentColor; padding: .45em .5em; margin-top: .7em; }
.saat-logo-outer, .saat-logo-inner { transform-origin: 924.2px 1000.4px; }
.saat-logo-outer { animation: saat-spin 120s linear infinite; }
.saat-logo-inner { animation: saat-spin 180s linear infinite reverse; }
.saat-logo-hour, .saat-logo-minute { transform-origin: 924.2px 1000.4px; transition: transform .8s cubic-bezier(.34, 1.56, .64, 1); }
@keyframes saat-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .saat-logo-outer, .saat-logo-inner { animation: none; }
  .saat-logo-hour, .saat-logo-minute { transition: none; }
}

/* Ortak parçalar */
.eyebrow { display: inline-block; font-family: var(--font-mono); font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--saat-signal); border: 1px solid rgba(233, 82, 29, .28); border-radius: 4px; padding: 6px 12px; }
.marka-baslik { font-family: var(--font-brand); font-weight: 400; letter-spacing: .03em; color: var(--saat-ink); }
.uae { display: inline-flex; width: 28px; height: 14px; border-radius: 2px; overflow: hidden; box-shadow: 0 0 0 1px rgba(15, 23, 42, .12); flex: none; }
/* BAE bayrağı: <span class="uae"><i></i><i></i></span> */
.uae i:nth-child(1) { background: #EF3340; flex: .45; }
.uae i:nth-child(2) { background: linear-gradient(#00732F 0 33.3%, #fff 33.3% 66.6%, #111 66.6%); flex: 1; }