/* e-İDEAL — Tasarım Tokenları
   İdeal Yurtları kurumsal kimliği · Demo sistemi */

:root {
  /* Marka */
  --brand:            #E30613;
  --brand-strong:     #B9040F;
  --brand-soft:       #FFF0F1;
  --brand-softer:     #FFF7F8;
  --brand-contrast:   #FFFFFF;

  /* Nötr yüzeyler — açık tema (referans: beyaz zemin) */
  --bg:               #FDFDFD;
  --bg-alt:           #F1F2F5;
  --surface:          #FFFFFF;
  --surface-2:        #FAFAFB;
  --surface-3:        #F2F2F4;
  --surface-inverse:  #171717;

  /* Metin */
  --text:             #14161A;
  --text-2:           #4A5058;
  --text-3:           #767D87;
  --text-inverse:     #FFFFFF;
  --text-on-brand:    #FFFFFF;

  /* Çizgi — referansta neredeyse görünmez */
  --line:             #EDEDEF;
  --line-2:           #E2E2E6;
  --line-strong:      #C7C7CD;

  /* Durum */
  --success:          #18A957;
  --success-soft:     #E7F7EE;
  --warning:          #F59E0B;
  --warning-soft:     #FEF4E4;
  --danger:           #E03131;
  --danger-soft:      #FDECEC;
  --info:             #2563EB;
  --info-soft:        #EAF0FE;
  --neutral-soft:     #F0F2F5;

  /* Grafik paleti — kurumsal kırmızıdan türetilmiş, erişilebilir */
  --c1: #E30613;  --c2: #1B1D21;  --c3: #F59E0B;
  --c4: #2563EB;  --c5: #18A957;  --c6: #8A5CF6;
  --c7: #0EA5A5;  --c8: #B9C0CB;

  /* Tipografi */
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
          "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
  --font-num: ui-rounded, -apple-system, "Segoe UI", Roboto, var(--font);

  --fs-xxs: 10.5px;
  --fs-xs:  11.5px;
  --fs-sm:  13px;
  --fs-md:  14.5px;
  --fs-lg:  16px;
  --fs-xl:  19px;
  --fs-2xl: 24px;
  --fs-3xl: 30px;
  --fs-4xl: 38px;

  --lh-tight: 1.18;
  --lh:       1.45;
  --lh-loose: 1.62;

  /* Boşluk — 4px tabanlı */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 20px; --s6: 24px; --s7: 32px; --s8: 40px;
  --s9: 48px; --s10: 64px;

  /* Yarıçap */
  --r-xs: 8px;  --r-sm: 12px; --r-md: 18px;
  --r-lg: 22px; --r-xl: 28px; --r-pill: 999px;

  /* Gölge — referans: yumuşak, yayvan, çerçevesiz yükseklik */
  --sh-xs: 0 1px 3px rgba(23,23,23,.05);
  --sh-sm: 0 2px 10px rgba(23,23,23,.06), 0 1px 2px rgba(23,23,23,.04);
  --sh-md: 0 6px 20px rgba(23,23,23,.08), 0 2px 5px rgba(23,23,23,.04);
  --sh-lg: 0 14px 38px rgba(23,23,23,.11), 0 3px 10px rgba(23,23,23,.05);
  --sh-xl: 0 28px 70px rgba(23,23,23,.16);
  --sh-brand: 0 10px 26px rgba(227,6,19,.22);

  /* Hareket */
  --ease: cubic-bezier(.32,.72,0,1);
  --dur-1: 120ms; --dur-2: 200ms; --dur-3: 320ms;

  /* Katmanlar */
  --z-header: 40; --z-nav: 45; --z-drawer: 60;
  --z-modal: 70;  --z-toast: 90; --z-splash: 100;

  --ring: 0 0 0 3px rgba(227,6,19,.28);
  color-scheme: light;
}

/* Koyu tema */
:root[data-theme="dark"] {
  --brand:            #FF3B47;
  --brand-strong:     #E30613;
  --brand-soft:       #2A1416;
  --brand-softer:     #201113;
  --brand-contrast:   #FFFFFF;

  --bg:               #0C0D10;
  --bg-alt:           #101115;
  --surface:          #17191E;
  --surface-2:        #1C1F25;
  --surface-3:        #23262E;
  --surface-inverse:  #F7F7F8;

  --text:             #EEF1F5;
  --text-2:           #A8B0BC;
  --text-3:           #79828F;
  --text-inverse:     #14161A;
  --text-on-brand:    #FFFFFF;

  --line:             #262C36;
  --line-2:           #333B47;
  --line-strong:      #46505F;

  --success:          #34C56F;
  --success-soft:     #10281B;
  --warning:          #FBB33F;
  --warning-soft:     #2C2011;
  --danger:           #FF5A5A;
  --danger-soft:      #2E1516;
  --info:             #5B8DEF;
  --info-soft:        #131E33;
  --neutral-soft:     #202631;

  --c1: #FF3B47;  --c2: #C7CEDA;  --c3: #FBB33F;
  --c4: #5B8DEF;  --c5: #34C56F;  --c6: #A78BFA;
  --c7: #2DD4BF;  --c8: #46505F;

  --sh-xs: 0 1px 2px rgba(0,0,0,.5);
  --sh-sm: 0 1px 3px rgba(0,0,0,.55), 0 1px 2px rgba(0,0,0,.4);
  --sh-md: 0 4px 16px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4);
  --sh-lg: 0 14px 38px rgba(0,0,0,.6), 0 2px 8px rgba(0,0,0,.45);
  --sh-xl: 0 26px 64px rgba(0,0,0,.7);
  --sh-brand: 0 8px 24px rgba(255,59,71,.24);
  --ring: 0 0 0 3px rgba(255,59,71,.34);
  color-scheme: dark;
}