/* ==========================================================================
   KEPLER UAV - marka token seti (tek kaynak)
   Varyant F: C tabani (endustriyel acik) + D mimarisi (Kepler DNA)

   Bu dosya site, datasheet sablonu, teklif dosyasi ve sunum sablonunun
   ortak kaynagidir. Renk, tipografi ve geometri baska hicbir yerde
   yeniden tanimlanmaz; her mecra buradaki degiskenleri kullanir.

   Iki yuzey vardir:
     [data-surface="light"]  varsayilan. Site govdesi, datasheet, teklif,
                             katalog, e-posta. Basilabilir.
     [data-surface="dark"]   ikinci yuzey. Urun hero alanlari, fuar ekrani,
                             kapak sayfalari. Ayni token isimleri, farkli deger.

   Kontrast: tum metin rolleri WCAG AAA (7:1) esigini gecer, dolgu
   uzerindeki buton yazilari AA (4.5:1) uzerindedir. Degerler olculmustur.
   ========================================================================== */

:root{
  /* ---- tipografi ------------------------------------------------------ */
  --font-display:"Archivo","Helvetica Neue",Arial,sans-serif;   /* baslik */
  --font-body:"Inter","Helvetica Neue",Arial,sans-serif;        /* govde  */
  --font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;    /* imza   */

  --step--1:.78rem;
  --step-0:1rem;
  --step-1:clamp(1.15rem,1.6vw,1.35rem);
  --step-2:clamp(1.5rem,2.4vw,2rem);
  --step-3:clamp(2rem,3.4vw,3rem);
  --step-4:clamp(2.6rem,5vw,4rem);

  --lh-tight:1.1;
  --lh-body:1.6;
  --track-eyebrow:.18em;
  --track-mono:.06em;

  /* ---- geometri (Kepler'den devralinan imza) -------------------------- */
  --r-btn:3px 3px 12px;
  --r-card:3px 3px 14px;
  --r-lg:3px 3px 20px;

  --grid-max:1320px;
  --grid-pad:28px;
  --section-y:80px;
  --section-y-sm:56px;
  --gap:18px;

  /* ---- teknik cizim dili ---------------------------------------------- */
  --tech-stroke:1px;          /* ana cizgi */
  --tech-hair:.75px;          /* olcu ve uzanti cizgileri */
  --tech-dash:5 4;            /* eksen cizgisi */
  --tech-tick:6px;            /* olcu ucu */
}

/* ==========================================================================
   ACIK YUZEY - varsayilan
   ========================================================================== */
[data-surface="light"]{
  --surface:#FFFFFF;
  --surface-2:#F4F6F8;
  --surface-3:#E9EDF1;

  --ink:#0E1A26;          /* 17.58:1 - AAA */
  --ink-2:#43536380;      /* govde ustu ikincil, opaklikla */
  --muted:#4A5A6B;        /* 7.08:1  - AAA */
  --faint:#6B7885;        /* 4.52:1  - AA, yalnizca dipnot boyu */

  --line:rgba(14,26,38,.14);
  --line-2:rgba(14,26,38,.24);

  --accent-text:#96300F;      /* 7.70:1 - AAA. Kucuk metin, link, eyebrow */
  --accent-fill:#B23C18;      /* beyaz yazi 5.91:1 - AA. Buton, dolgu     */
  --accent-graphic:#E4572E;   /* yalnizca grafik: isaret, diyagram, vurgu */
  --accent-dim:rgba(228,87,46,.10);   /* hover zemini, vurgulu tablo satiri */
  --on-accent:#FFFFFF;

  --alert:#A31810;            /* 7.79:1 - AAA. Uyari, tehdit bandi */
  --alert-soft:rgba(163,24,16,.10);

  --tech-line:#0E1A26;
  --tech-dim:#6B7885;         /* olcu cizgisi ve etiketi */
  --tech-fill:rgba(228,87,46,.10);
}

/* ==========================================================================
   KOYU YUZEY - urun ve fuar
   ========================================================================== */
[data-surface="dark"]{
  --surface:#14171A;
  --surface-2:#1B1F23;
  --surface-3:#22272C;

  --ink:#F2F4F6;          /* 16.32:1 - AAA */
  --muted:#A8B2BC;        /* 8.36:1  - AAA */
  --faint:#78838E;        /* 4.66:1  - AA, yalnizca dipnot boyu */

  --line:rgba(255,255,255,.12);
  --line-2:rgba(255,255,255,.20);

  --accent-text:#FF8A52;      /* 7.72:1 - AAA */
  --accent-fill:#FF6B2C;      /* koyu yazi 6.73:1 */
  --accent-graphic:#FF7A3D;
  --accent-dim:rgba(255,122,61,.14);
  --on-accent:#1A0C04;

  --alert:#FF7A70;            /* 7.09:1 - AAA */
  --alert-soft:rgba(255,122,112,.14);

  --tech-line:#F2F4F6;
  --tech-dim:#98A1AC;
  --tech-fill:rgba(255,122,61,.14);
}

/* ==========================================================================
   Temel uygulamalar - her mecrada ayni
   ========================================================================== */
.k-surface{background:var(--surface);color:var(--ink);font-family:var(--font-body);line-height:var(--lh-body)}
.k-wrap{max-width:var(--grid-max);margin:0 auto;padding:0 var(--grid-pad)}
.k-section{padding:var(--section-y) 0}
@media(max-width:760px){.k-section{padding:var(--section-y-sm) 0}}

.k-h1,.k-h2,.k-h3{font-family:var(--font-display);line-height:var(--lh-tight);letter-spacing:-.01em}
.k-h1{font-size:var(--step-4);font-weight:700}
.k-h2{font-size:var(--step-3);font-weight:600}
.k-h3{font-size:var(--step-2);font-weight:600}
.k-lead{color:var(--muted);font-size:var(--step-1);max-width:62ch}

/* eyebrow ve etiketler: mono, markanin imzasi */
.k-eyebrow{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:var(--track-eyebrow);
  text-transform:uppercase;color:var(--accent-text);display:block;margin-bottom:14px}

/* mono imza: model kodu, urun adi, spec basligi */
.k-code{font-family:var(--font-mono);letter-spacing:var(--track-mono);color:var(--accent-text)}
.k-model{font-family:var(--font-mono);font-weight:500;letter-spacing:.08em;text-transform:uppercase;
  border:1px solid var(--line-2);border-radius:2px;padding:3px 8px;font-size:var(--step--1);color:var(--ink)}

.k-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);
  font-size:var(--step--1);letter-spacing:.09em;text-transform:uppercase;font-weight:500;
  padding:13px 22px;border-radius:var(--r-btn);border:1px solid transparent;cursor:pointer;
  background:var(--accent-fill);color:var(--on-accent)}
.k-btn--ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}

.k-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:24px}

/* spec tablosu: tedarikci isinin merkezi */
.k-spec{width:100%;border-collapse:collapse}
.k-spec th{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);text-align:left;font-weight:500;padding:10px 4px;border-bottom:1px solid var(--line-2)}
.k-spec td{padding:10px 4px;border-bottom:1px solid var(--line);font-size:.92rem}
.k-spec td:first-child{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.05em;
  text-transform:uppercase;color:var(--muted);width:42%}
.k-spec td:last-child{color:var(--ink);font-weight:500}

/* teknik cizim: SVG'ler bu degiskenleri kullanir */
.k-tech{display:block;width:100%;height:auto}
.k-tech .ln{stroke:var(--tech-line);stroke-width:var(--tech-stroke);fill:none}
.k-tech .hair{stroke:var(--tech-dim);stroke-width:var(--tech-hair);fill:none}
.k-tech .axis{stroke:var(--tech-dim);stroke-width:var(--tech-hair);stroke-dasharray:var(--tech-dash);fill:none}
.k-tech .acc{stroke:var(--accent-graphic);stroke-width:1.4px;fill:none}
.k-tech .band{fill:var(--tech-fill)}
.k-tech .lbl{font-family:var(--font-mono);font-size:10.5px;fill:var(--tech-dim);letter-spacing:.06em}
.k-tech .lbl-acc{font-family:var(--font-mono);font-size:10.5px;fill:var(--accent-text);letter-spacing:.06em}