/* =============================================================
   _lealog.css — Tüm araçlarda ortak LeaLog görünümü
   Yazı tipleri, renk değişkenleri ve ana buton rengi burada.
   Her aracın <head> bölümünde en sonda yüklenir.
   ============================================================= */

/* ---------- Yazı tipleri (siteyle aynı, sunucumuzdan yüklenir) ---------- */
@font-face { font-family: 'Archivo Variable'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url('/fonts/archivo-latin-ext-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Archivo Variable'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url('/fonts/archivo-latin-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url('/fonts/inter-latin-ext-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url('/fonts/inter-latin-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'JetBrains Mono Variable'; font-style: normal; font-display: swap; font-weight: 100 800;
  src: url('/fonts/jetbrains-mono-latin-ext-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'JetBrains Mono Variable'; font-style: normal; font-display: swap; font-weight: 100 800;
  src: url('/fonts/jetbrains-mono-latin-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ---------- Renk değişkenleri (sitenin global.css'i ile aynı) ---------- */
:root {
  --ll-bg: #f2f0eb; --ll-surface: #faf9f6; --ll-surface-2: #e8e5dd;
  --ll-text: #111111; --ll-muted: #5b5750; --ll-border: #d6d2c8;
  --ll-brand: #fdb912; --ll-brand-hover: #eaa900; --ll-brand-soft: #fff3d1; --ll-brand-ink: #8a5a00; --ll-on-brand: #1c1b18;
  --ll-accent: #a90432; --ll-accent-soft: #f8e1e7;
  --ll-sans: 'Archivo Variable', 'Inter Variable', system-ui, sans-serif;
  --ll-mono: 'JetBrains Mono Variable', ui-monospace, monospace;
}
html.dark, html[data-theme='dark'] {
  --ll-bg: #111111; --ll-surface: #171717; --ll-surface-2: #222120;
  --ll-text: #f2f0eb; --ll-muted: #a19d95; --ll-border: #2f2d2a;
  --ll-brand-soft: #3a2c08; --ll-brand-ink: #fdc94a; --ll-on-brand: #15140f;
  --ll-accent: #e0577a; --ll-accent-soft: #3a1220;
}

::selection { background: var(--ll-brand); color: var(--ll-on-brand); }
:focus-visible { outline: 2px solid var(--ll-brand); outline-offset: 2px; }

/* ---------- Tailwind kullanan araçlar: ana butonlar sarı zemin + koyu yazı ---------- */
.bg-blue-400,
.bg-blue-500,
.bg-blue-600,
.bg-blue-700,
.bg-indigo-400,
.bg-indigo-500,
.bg-indigo-600,
.bg-indigo-700,
.bg-sky-400,
.bg-sky-500,
.bg-sky-600,
.bg-sky-700,
.bg-violet-400,
.bg-violet-500,
.bg-violet-600,
.bg-violet-700,
.bg-primary-400,
.bg-primary-500,
.bg-primary-600,
.bg-primary-700,
.bg-brand-400,
.bg-brand-500,
.bg-brand-600,
.bg-brand-700,
.bg-primary {
  background-color: var(--ll-brand) !important;
  color: var(--ll-on-brand) !important;
}
.hover\:bg-blue-400:hover,
.hover\:bg-blue-500:hover,
.hover\:bg-blue-600:hover,
.hover\:bg-blue-700:hover,
.hover\:bg-blue-800:hover,
.hover\:bg-indigo-400:hover,
.hover\:bg-indigo-500:hover,
.hover\:bg-indigo-600:hover,
.hover\:bg-indigo-700:hover,
.hover\:bg-indigo-800:hover,
.hover\:bg-sky-400:hover,
.hover\:bg-sky-500:hover,
.hover\:bg-sky-600:hover,
.hover\:bg-sky-700:hover,
.hover\:bg-sky-800:hover,
.hover\:bg-violet-400:hover,
.hover\:bg-violet-500:hover,
.hover\:bg-violet-600:hover,
.hover\:bg-violet-700:hover,
.hover\:bg-violet-800:hover,
.hover\:bg-primary-400:hover,
.hover\:bg-primary-500:hover,
.hover\:bg-primary-600:hover,
.hover\:bg-primary-700:hover,
.hover\:bg-primary-800:hover,
.hover\:bg-brand-400:hover,
.hover\:bg-brand-500:hover,
.hover\:bg-brand-600:hover,
.hover\:bg-brand-700:hover,
.hover\:bg-brand-800:hover,
.hover\:bg-primaryHover:hover,
.hover\:bg-primary:hover {
  background-color: var(--ll-brand-hover) !important;
  color: var(--ll-on-brand) !important;
}
.from-blue-400,
.from-blue-500,
.from-blue-600,
.from-blue-700,
.from-indigo-400,
.from-indigo-500,
.from-indigo-600,
.from-indigo-700,
.from-sky-400,
.from-sky-500,
.from-sky-600,
.from-sky-700,
.from-violet-400,
.from-violet-500,
.from-violet-600,
.from-violet-700,
.from-primary-400,
.from-primary-500,
.from-primary-600,
.from-primary-700,
.from-brand-400,
.from-brand-500,
.from-brand-600,
.from-brand-700 {
  --tw-gradient-from: var(--ll-brand) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(253 185 18 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
  color: var(--ll-on-brand);
}

/* ---------- Tek başına açılan araçlarda üst çubuk (_lealog.js ekler) ---------- */
.ll-topbar {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  min-height: 40px; padding: 0 16px; box-sizing: border-box;
  background: var(--ll-surface, #fff); border-bottom: 1px solid var(--ll-border, #e7e2d4);
  font: 600 13px/1 'Inter Variable', Inter, system-ui, sans-serif;
}
.ll-topbar a { color: var(--ll-muted, #6b665c); text-decoration: none; padding: 10px 0; }
.ll-topbar a:hover { color: var(--ll-text, #1c1b18); }
.ll-topbar b { font: 700 16px/1 'Libre Baskerville', Georgia, serif; color: var(--ll-text, #1c1b18); }
.ll-topbar b span { color: var(--ll-accent, #a90432); }

/* Site içinde (iframe) açılınca aracın kendi tema düğmesini gizle: tema sitenin düğmesinden gelir */
.ll-embedded [onclick="toggleTheme()"],
.ll-embedded [onclick="toggleDarkMode()"],
.ll-embedded #themeToggle,
.ll-embedded #themeBtn { display: none !important; }