/**
 * Peoder DESIGN SYSTEM
 * Version: 1.2.0 (29 Eyl 2026: tek aile Parkinsans; İP-T1'de Inter'di)
 * Canonical source: This file
 *
 * INSTALLATION
 * 1. Import this file once in the application root.
 * 2. Set data-theme="dark" on <html> for dark mode.
 * 3. Set data-tenant="company-slug" on <html> for tenant branding.
 * 4. Components must use semantic --color-* tokens only.
 *
 * TENANT RULES
 * - May change: --tenant-brand-* and --tenant-on-brand.
 * - Must not change: success, warning, danger or info colors.
 * - Tenant colors must be contrast-tested before production use.
 *
 * DEFAULT BRAND
 * - Varsayılan kurum rengi: petrol #0F6E6E (29 Eyl 2026; önce Xena Violet #5B3FD9)
 * - Human Mint:  #14B8A6
 * - Tagline: Doğru insan. Net süreç.
 */

/*
 * SELF-HOSTED TYPE (İP-T1, 14 Ağu 2026; aile 29 Eyl 2026'da Parkinsans)
 * Parkinsans değişken font (SIL OFL 1.1, lisans static/fonts/ içinde),
 * kendi static'imizden. Google Fonts CDN'i yok: ziyaretçinin (aday dahil)
 * IP'sini sayfa açılışında Google'a taşırdı (KVKK). İki subset: latin +
 * latin-ext (Türkçe ğ/ş/İ latin-ext'te, ı latin'de). Panel, aday tarafı ve
 * giriş aynı aileyi kullanır; PDF'ler aynı dosyayı gömer (core.pdf_fonts).
 * Dosya yolları göreli: WhiteNoise Manifest storage collectstatic'te
 * url() referanslarını parmak izli adlara kendisi çevirir.
 */
@font-face {
  font-family: 'Parkinsans';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/parkinsans-latin-ext-wght-normal.56f3636fd815.woff2") format('woff2');
  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: 'Parkinsans';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/parkinsans-latin-wght-normal.a1ae9ddc1925.woff2") format('woff2');
  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;
}

:root {
  color-scheme: light;

  /* Primitive palette */
  --violet-50: #f3f1ff;
  --violet-100: #e7e2ff;
  --violet-200: #cdc5ff;
  --violet-300: #ad9eff;
  --violet-400: #8874ff;
  --violet-500: #6f52f5;
  --violet-600: #5b3fd9;
  --violet-700: #4930b8;
  --violet-800: #3d2a96;
  --violet-900: #33257a;
  --violet-950: #21154f;

  /* Petrol rampası (29 Eyl 2026): ürünün varsayılan kurum rengi. */
  --teal-50: #edf6f5;
  --teal-100: #d3ebe8;
  --teal-400: #3f9e99;
  --teal-500: #178580;
  --teal-600: #0f6e6e;
  --teal-700: #0c5858;
  --teal-950: #062b2b;

  --mint-50: #f0fdfa;
  --mint-100: #ccfbf1;
  --mint-200: #99f6e4;
  --mint-300: #5eead4;
  --mint-400: #2dd4bf;
  --mint-500: #14b8a6;
  --mint-600: #0d9488;
  --mint-700: #0f766e;
  --mint-800: #115e59;
  --mint-900: #134e4a;

  /* Sıcak nötr rampa (25 Ağu 2026 — "Editorial Enterprise").
     Panelin jenerik/AI-şablonu hissini veren şey vurgu rengi DEĞİL, soğuk
     mavi-gri (slate) zemindi: her yönetim şablonunun varsayılanı odur.
     Nötrler hafif sıcağa çekildi; vurgu kurumdan gelmeye devam ediyor.
     Slate rampası duruyor — koyu tema ve mevcut tüketiciler onu okuyor. */
  --stone-0: #ffffff;
  --stone-50: #f7f7f5;
  --stone-100: #f0efec;
  --stone-200: #e6e5e1;
  --stone-300: #d5d3cd;
  --stone-400: #a8a69f;
  /* stone-500 METİN İÇİN DEĞİL — ikon, ayraç, dekoratif yüzey. Beyazda
     3.75:1, yani gövde metni olarak AA'yı geçmez. */
  --stone-500: #86847c;
  --stone-600: #71716d;
  --stone-700: #55554f;
  --stone-800: #34342f;
  --stone-900: #20201f;
  --stone-950: #191a1b;

  --slate-0: #ffffff;
  --slate-50: #f8fafc;
  --slate-100: #f1f5f9;
  --slate-200: #e2e8f0;
  --slate-300: #cbd5e1;
  --slate-400: #94a3b8;
  --slate-500: #64748b;
  --slate-600: #475569;
  --slate-700: #334155;
  --slate-800: #1e293b;
  --slate-900: #111827;
  --slate-950: #0b1120;

  --green-50: #ecfdf3;
  --green-600: #079455;
  --green-700: #067647;
  --amber-50: #fffaeb;
  --amber-600: #dc6803;
  --amber-700: #b54708;
  --red-50: #fef3f2;
  --red-600: #d92d20;
  --red-700: #b42318;
  --blue-50: #eff8ff;
  --blue-600: #1570ef;
  --blue-700: #175cd3;

  /* Tenant-safe brand inputs. Override these on [data-tenant].
     Varsayılan petrol (29 Eyl 2026, Tamer kararı; önce violet). */
  --tenant-brand-50: var(--teal-50);
  --tenant-brand-100: var(--teal-100);
  --tenant-brand-500: var(--teal-500);
  --tenant-brand-600: var(--teal-600);
  --tenant-brand-700: var(--teal-700);
  --tenant-on-brand: #ffffff;

  /* Semantic colors */
  --color-bg-canvas: var(--stone-50);
  --color-bg-surface: var(--stone-0);
  --color-bg-subtle: var(--stone-100);
  --color-bg-inverse: var(--stone-950);

  --color-text-primary: var(--stone-900);
  --color-text-secondary: var(--stone-600);
  /* Üçüncül metin BİLİNÇLİ olarak ikincilin aynısı. Sıcak nötr rampada
     ikincil zaten 4.63:1 ile AA sınırına yakın; ondan bir kademe daha
     açık ÜÇÜNCÜ bir metin rengi WCAG AA'yı geçemiyor. Hiyerarşi renk
     yerine boyut ve ağırlıkla kuruluyor. */
  --color-text-tertiary: var(--stone-600);
  --color-text-disabled: var(--stone-400);
  --color-text-inverse: var(--stone-0);

  --color-border-subtle: var(--stone-200);
  --color-border-strong: var(--stone-300);
  --color-border-focus: var(--tenant-brand-500);

  --color-action-primary: var(--tenant-brand-600);
  --color-action-primary-hover: var(--tenant-brand-700);
  --color-action-primary-subtle: var(--tenant-brand-50);
  --color-action-on-primary: var(--tenant-on-brand);
  --color-action-secondary: var(--stone-0);
  --color-action-secondary-hover: var(--stone-100);

  /* Grafit sidebar — koyu yüzeyin kendi token seti. Sidebar kurum
     rengini TAŞIMAZ: gün boyu açık duran 260px'lik bir alan marka
     rengiyle boyandığında vurgu değerini yitirir. Vurgu içerikte. */
  --sidebar-bg: var(--stone-950);
  --sidebar-surface: #232426;
  --sidebar-border: #2e2f31;
  --sidebar-text: #b9b8b2;
  --sidebar-text-strong: #f4f3f0;
  --sidebar-muted: #85847e;
  --sidebar-active-bg: #2c2d2f;

  --color-accent: var(--mint-500);
  --color-accent-strong: var(--mint-700);
  --color-accent-subtle: var(--mint-50);

  --color-success: var(--green-700);
  --color-success-bg: var(--green-50);
  --color-warning: var(--amber-700);
  --color-warning-bg: var(--amber-50);
  --color-danger: var(--red-700);
  --color-danger-bg: var(--red-50);
  --color-info: var(--blue-700);
  --color-info-bg: var(--blue-50);

  /* Typography */
  --font-sans: 'Parkinsans', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: var(--font-sans);
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --line-height-tight: 1.2;
  --line-height-normal: 1.5;
  /* Ağırlık ölçeği (25 Ağu 2026): şablonlarda 450/500/600/650/700 elle
     yazılmış beş ayrı ağırlık vardı, token yoktu. Üçe indi. */
  --font-weight-normal: 400;
  --font-weight-medium: 550;
  --font-weight-bold: 650;
  /* Etiket/eyebrow: küçük, harf aralıklı, BÜYÜK harf. */
  --letter-spacing-label: 0.045em;

  /* Layout */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;

  /* İP-T1: ölçek sıkılaştı — kontrol 8px, kart 12px. Gevşek köşe
     "oyuncak" hissi veriyordu; Modern SaaS dili daha net köşe ister. */
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px rgb(32 32 31 / 0.05);
  --shadow-md: 0 8px 24px rgb(32 32 31 / 0.10);
  --focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-border-focus) 24%, transparent);
}

/* Hareket tercihi (25 Ağu 2026): depoda dokuz @keyframes vardı, tek bir
   prefers-reduced-motion bloğu yoktu. Vestibüler duyarlılığı olan
   kullanıcı için bu bir erişilebilirlik kusuru. */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

[data-theme="dark"] {
  color-scheme: dark;
  --color-bg-canvas: var(--slate-950);
  --color-bg-surface: var(--slate-900);
  --color-bg-subtle: var(--slate-800);
  --color-bg-inverse: var(--slate-0);
  --color-text-primary: var(--slate-50);
  --color-text-secondary: var(--slate-300);
  --color-text-tertiary: var(--slate-400);
  --color-text-disabled: var(--slate-500);
  --color-text-inverse: var(--slate-900);
  --color-border-subtle: var(--slate-800);
  --color-border-strong: var(--slate-700);
  --color-action-primary: var(--tenant-brand-500);
  --color-action-primary-hover: var(--tenant-brand-400, var(--teal-400));
  --color-action-primary-subtle: var(--teal-950);
  --color-action-secondary: var(--slate-900);
  --color-action-secondary-hover: var(--slate-800);
}

/*
 * DEFAULT TENANT
 * Replace "demo" with the tenant slug or inject these six variables at runtime.
 */
[data-tenant="demo"] {
  --tenant-brand-50: var(--teal-50);
  --tenant-brand-100: var(--teal-100);
  --tenant-brand-500: var(--teal-500);
  --tenant-brand-600: var(--teal-600);
  --tenant-brand-700: var(--teal-700);
  --tenant-on-brand: #ffffff;
}

/*
 * COMPONENT EXAMPLE
 *
 * .button-primary {
 *   background: var(--color-action-primary);
 *   color: var(--color-action-on-primary);
 *   border-radius: var(--radius-md);
 * }
 *
 * .button-primary:hover {
 *   background: var(--color-action-primary-hover);
 * }
 *
 * .button-primary:focus-visible {
 *   outline: none;
 *   box-shadow: var(--focus-ring);
 * }
 */


/*
 * ONAY KUTULARI GÖRÜNÜR (aday turu, 30 Eyl 2026)
 * Bootstrap onay kutusu kenarlığını --bs-border-color'dan alıyor; o da
 * --color-border-subtle (beyaz üstünde ~1.2:1). Aday KVKK/açık rıza
 * kutularını neredeyse göremiyordu. Kenarlık ≥3:1 (WCAG 1.4.11);
 * işaretli hâl kurum rengi (Bootstrap köprüsü).
 */
.form-check-input { border: 1.5px solid var(--stone-500); }
.form-check-input:checked { border-color: var(--color-action-primary); }
/* İşaretli kutu ve açma-kapama anahtarı kurum renginde (Bootstrap sabit
   #0d6efd mavisini getiriyordu; pilot tur, 30 Eyl 2026). */
.form-check-input:checked, .form-check-input[type=checkbox]:indeterminate {
  background-color: var(--color-action-primary);
}
.form-check-input:focus { box-shadow: 0 0 0 .2rem var(--color-action-primary-subtle); border-color: var(--color-action-primary); }