/* =========================================================
   KRM YACHT SAAS DESIGN TOKENS v2.1
   Kaynak: krm-design-system.html (satir 15-87), birebir kopya.

   Bu dosya projeye ozel kural ICERMEZ. Diger KRM projelerine
   oldugu gibi kopyalanir. Degisiklik once tasarim sisteminde yapilir.
   ========================================================= */

:root{
  /* Marka renkleri (kurumsal kimlik kilavuzu) */
  --krm-navy:#05326E;            /* Pantone 288C. TEK dogru lacivert. #05336E KULLANILMAZ */
  --krm-turquoise:#6CC6DC;       /* Pantone 310C. Vurgu; beyaz zeminde metin olarak YASAK */
  --krm-brown:#7F4B3C;           /* Pantone 4705C. Nadir ikincil vurgu */
  --krm-ink:#1D252D;             /* Pantone 433C. Govde metni */

  /* Turetilmis tonlar */
  --krm-navy-dark:#032249;
  --krm-navy-mid:#35619C;
  --krm-navy-tint:#E9EFF8;
  --krm-turquoise-tint:#EAF7FB;
  --krm-brown-tint:#F4ECE9;

  /* Notraller */
  --krm-white:#FFFFFF;
  --krm-grey-50:#F8FAFC;
  --krm-grey-100:#F2F5F8;
  --krm-grey-200:#E4E9F0;
  --krm-grey-300:#C9D2DE;
  --krm-grey-400:#9AA5B1;
  --krm-grey-600:#5A6675;

  /* Anlamsal renkler */
  --krm-success:#1E7A46;  --krm-success-tint:#E8F4ED;
  --krm-warning:#8A5200;  --krm-warning-tint:#FCF3E5;
  --krm-error:#B3261E;    --krm-error-tint:#FBEDEC;
  --krm-info:#05326E;     --krm-info-tint:#E9EFF8;

  /* Uygulama kabugu */
  --app-sidebar-w:264px;
  --app-sidebar-collapsed:72px;
  --app-sidebar-bg:var(--krm-navy);
  --app-sidebar-text:rgba(255,255,255,.78);
  --app-sidebar-hover:rgba(255,255,255,.08);
  --app-sidebar-active:rgba(255,255,255,.12);
  --app-topbar-h:56px;
  --app-content-bg:var(--krm-grey-100);
  --app-row-hover:#F2F6FB;

  /* Tipografi (uygulama olcegi) */
  --krm-font:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  --fs-caption:12px;   /* etiket, rozet */
  --fs-table:13px;     /* yogun tablo */
  --fs-body:14px;      /* uygulama govdesi */
  --fs-lg:16px;        /* vurgulu metin, form inputlari */
  --fs-title:20px;     /* bolum basligi */
  --fs-page:25px;      /* sayfa basligi */
  --fs-hero:39px;      /* yalniz auth/karsilama */

  /* Bosluk (8px izgara) */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px;

  /* Boyutlar */
  --h-input:40px; --h-btn:40px; --h-btn-sm:32px; --h-row:44px; --h-row-compact:36px;

  /* Kose yaricapi */
  --r-input:6px; --r-btn:6px; --r-card:10px; --r-modal:12px; --r-pill:999px;

  /* Golgeler (lacivert tabanli) */
  --sh-sm:0 1px 2px rgba(3,34,73,.08);
  --sh-md:0 4px 12px rgba(3,34,73,.10);
  --sh-lg:0 12px 32px rgba(3,34,73,.16);

  /* Hareket */
  --t-fast:150ms; --t-base:250ms; --t-slow:400ms;
  --ease:cubic-bezier(.2,.6,.2,1);

  /* Z-index olcegi */
  --z-dropdown:1000; --z-sticky:1020; --z-drawer:1030;
  --z-backdrop:1040; --z-modal:1050; --z-toast:1060; --z-tooltip:1070;
}