/* te-mail — temel tasarım değişkenleri (giriş + posta ekranı ortak) */

:root{
  /* Marka */
  --brand:#1177BD;
  --brand-600:#0F6AA8;
  --brand-700:#0C5787;
  --brand-300:#5AA6DA;
  --brand-50:#EAF4FB;

  /* Yüzeyler */
  --bg:#F6F8FB;
  --surface:#FFFFFF;
  --surface-2:#F7F9FC;
  --line:#E6ECF2;
  --line-strong:#CBD5E1;

  /* Metin */
  --text:#12212F;
  --text-2:#516274;
  --text-3:#8A99A8;

  /* Durum */
  --danger:#D64545;
  --danger-bg:#FDECEC;
  --success:#1E9E6A;

  /* Ölçü */
  --r-sm:8px;
  --r-md:12px;
  --r-lg:18px;
  --r-xl:26px;
  --shadow-sm:0 1px 2px rgba(15,35,55,.06);
  --shadow-md:0 6px 20px rgba(15,35,55,.08);
  --shadow-lg:0 24px 60px rgba(12,45,75,.16);

  --font:"Poppins","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif;
}

:root[data-theme="dark"]{
  --bg:#0D1620;
  --surface:#141F2B;
  --surface-2:#1B2836;
  --line:#25333F;
  --line-strong:#33475A;
  --text:#E8EFF5;
  --text-2:#9FB1C1;
  --text-3:#6F8496;
  --brand-50:#132635;
  --danger-bg:#331C1C;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow-md:0 6px 20px rgba(0,0,0,.35);
  --shadow-lg:0 24px 60px rgba(0,0,0,.5);
}

*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:var(--font);
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}

:focus-visible{outline:3px solid rgba(17,119,189,.45);outline-offset:2px;border-radius:6px}

.visually-hidden{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}