/* Tasarim jetonlari
   Renk paleti logodan (#0363ad) ve GiantKONE kurumsal kimliginden turetilmistir. */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url('../fonts/inter-latin.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;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url('../fonts/inter-latin-ext.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;
}

:root {
  /* Marka */
  --brand:        #0363ad;  /* logo mavisi - birincil */
  --brand-600:    #05528f;
  --brand-700:    #044376;
  --brand-800:    #06375f;
  --brand-900:    #062940;
  --brand-950:    #041c2c;
  --brand-400:    #2f8fd4;
  --brand-300:    #6fb4e4;
  --brand-200:    #b3d7f1;
  --brand-100:    #dceaf7;
  --brand-50:     #eff6fc;

  --accent:       #0095d7;  /* KONE acik mavi - vurgu ve baglantilar */
  --accent-soft:  #35b3e8;
  --gold:         #c9a24a;  /* premium / tasarim bolumleri, olculu kullanim */
  --gold-soft:    #e2c583;
  --success:      #1f9d63;
  --danger:       #c8352f;

  /* Notrler */
  --ink:          #12181f;
  --ink-2:        #303a45;
  --ink-3:        #5b6773;
  --ink-4:        #8a949e;
  --line:         #e3e8ee;
  --line-2:       #eef1f5;
  --surface:      #ffffff;
  --surface-2:    #f6f8fa;
  --surface-3:    #eef2f6;

  /* Koyu bolumler */
  --dark:         #062940;
  --dark-2:       #0a3b5c;
  --on-dark:      #e8eef4;
  --on-dark-mute: #9fb3c4;

  /* Celik */
  --steel-1:      #cdd5dc;
  --steel-2:      #aeb9c3;
  --steel-3:      #8d99a5;
  --steel-4:      #6c7885;
  --steel-5:      #4a545f;
  --steel-dark:   #2a3138;

  /* Tipografi */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, sans-serif;
  --font-num: 'Inter', 'Segoe UI', Arial, sans-serif;

  /* Akiskan olcek: 360px -> 1440px arasinda yumusak buyume */
  --step--1: clamp(0.8125rem, 0.79rem + 0.10vw, 0.875rem);
  --step-0:  clamp(0.9375rem, 0.91rem + 0.13vw, 1rem);
  --step-1:  clamp(1.0625rem, 1.01rem + 0.24vw, 1.1875rem);
  --step-2:  clamp(1.25rem, 1.15rem + 0.44vw, 1.5rem);
  --step-3:  clamp(1.5rem, 1.33rem + 0.76vw, 1.9375rem);
  --step-4:  clamp(1.8125rem, 1.53rem + 1.24vw, 2.5rem);
  --step-5:  clamp(2.125rem, 1.68rem + 1.96vw, 3.25rem);
  --step-6:  clamp(2.5rem, 1.79rem + 3.14vw, 4.25rem);

  --lh-tight: 1.1;
  --lh-snug:  1.28;
  --lh-body:  1.7;

  /* Bosluklar */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.5rem;
  --sp-6:  2rem;
  --sp-7:  2.5rem;
  --sp-8:  3rem;
  --sp-9:  4rem;
  --sp-10: 5rem;
  --sp-11: 6.5rem;

  --section-y: clamp(3.5rem, 2.2rem + 5.6vw, 7rem);
  --gutter:    clamp(1.125rem, 0.6rem + 2.2vw, 2.5rem);
  --wrap:      1256px;
  --wrap-narrow: 880px;

  /* Cerceve */
  --r-sm:   4px;
  --r-md:   8px;
  --r-lg:   14px;
  --r-xl:   22px;
  --r-pill: 999px;

  --shadow-xs: 0 1px 2px rgba(6, 41, 64, 0.06);
  --shadow-sm: 0 2px 8px rgba(6, 41, 64, 0.07);
  --shadow-md: 0 10px 30px -12px rgba(6, 41, 64, 0.22);
  --shadow-lg: 0 24px 60px -22px rgba(6, 41, 64, 0.30);
  --shadow-brand: 0 14px 34px -14px rgba(3, 99, 173, 0.55);

  /* Hareket */
  --ease:      cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-door: cubic-bezier(0.62, 0.02, 0.28, 1);
  --t-fast:    140ms;
  --t-base:    260ms;
  --t-slow:    520ms;

  --header-h: 78px;
  --header-h-sm: 64px;
}

@media (max-width: 860px) {
  :root { --header-h: var(--header-h-sm); }
}