/* KetsyApp tasarim degiskenleri.
   Marka renkleri spec bolum 6: #071A2B / #A9D8E8 / #F0F6F7 */

:root {
  /* Marka */
  --ink:          #071A2B;
  --ink-2:        #0C2740;
  --ink-3:        #143A5C;
  --sky:          #A9D8E8;
  --sky-deep:     #4FA3C4;
  --sky-soft:     #DCEEF5;
  --mist:         #F0F6F7;

  /* Yuzeyler */
  --surface:      #FFFFFF;
  --surface-2:    var(--mist);
  --surface-3:    #E4EEF1;
  --line:         #DCE6EA;
  --line-strong:  #C3D4DB;

  /* Metin */
  --text:         #0B2135;
  --text-2:       #4A6273;
  --text-3:       #7B909D;
  --text-on-ink:  #E8F3F8;
  --text-on-ink-2:#93AFC2;

  /* Anlam renkleri - dekoratif degil, durum tasir */
  --ok:           #1E7F5C;
  --ok-bg:        #E3F4EC;
  --warn:         #9A6412;
  --warn-bg:      #FBF0DC;
  --bad:          #A32B2B;
  --bad-bg:       #FBE7E7;
  --info:         #1D5F80;
  --info-bg:      #E1F0F6;

  /* Tipografi - Manrope baslik/marka, Inter govde ve veri */
  --font-display: "Manrope", "Segoe UI", system-ui, sans-serif;
  --font-body:    "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;

  --text-xs:      0.75rem;
  --text-sm:      0.8125rem;
  --text-base:    0.9375rem;
  --text-md:      1.0625rem;
  --text-lg:      1.375rem;
  --text-xl:      1.875rem;
  --text-2xl:     clamp(2rem, 1.2rem + 2.6vw, 3.25rem);
  --text-hero:    clamp(2.4rem, 1.1rem + 4.8vw, 4.4rem);

  /* Ritim - her yerde ayni dolgu degil */
  --space-1:      0.25rem;
  --space-2:      0.5rem;
  --space-3:      0.75rem;
  --space-4:      1rem;
  --space-5:      1.5rem;
  --space-6:      2rem;
  --space-7:      3rem;
  --space-8:      4.5rem;
  --space-section: clamp(3.5rem, 2rem + 5vw, 7rem);

  /* Form */
  --radius-sm:    6px;
  --radius:       10px;
  --radius-lg:    16px;
  --radius-pill:  999px;

  --shadow-sm:    0 1px 2px rgba(7, 26, 43, 0.06);
  --shadow:       0 2px 10px rgba(7, 26, 43, 0.07);
  --shadow-lg:    0 18px 44px rgba(7, 26, 43, 0.16);

  --duration:     160ms;
  --ease:         cubic-bezier(0.2, 0.7, 0.3, 1);

  --side-w:       248px;
}