/* NutriAile - Base Styles (v10 Dark Theme) */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

html{
  font-size:var(--font-size-base);
  line-height:var(--line-height);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  scroll-behavior:smooth;
}

body{
  font-family:var(--font-family);
  background:var(--bg-body);
  color:var(--text-primary);
  min-height:100vh;
  overflow-x:hidden;
  padding-bottom:80px;
}

::selection{
  background:rgba(45,212,168,0.25);
  color:#fff;
}

::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:var(--bg-primary);}
::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:var(--border-strong);}

a{color:var(--accent);text-decoration:none;}
a:hover{color:var(--accent-hover);text-decoration:underline;}

/* ── BUTONLAR GLOBAL DARK ── */
button{
  font-family:var(--font-family);
  color:var(--text-primary);
  background:var(--bg-primary);
  border:1px solid var(--border-mid);
  cursor:pointer;
}

/* ── İNPUTLAR ── */
input,select,textarea{
  font-family:var(--font-family);
  font-size:14px;
  padding:9px 12px;
  border:1px solid var(--border-mid);
  border-radius:var(--radius-sm);
  background:var(--bg-secondary);
  color:var(--text-primary);
  transition:border-color var(--transition-speed),box-shadow var(--transition-speed);
  outline:none;
  width:100%;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 3px rgba(45,212,168,0.15);
}
input::placeholder,textarea::placeholder{color:var(--text-tertiary);}
input[type="number"]{appearance:textfield;-moz-appearance:textfield;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;}
input[type="date"]{color-scheme:dark;}
select{
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' fill='none' stroke='%238b93a8' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 10px center;
  padding-right:28px;
}
textarea{resize:vertical;min-height:60px;}

/* Radio ve Checkbox dark */
input[type="radio"],input[type="checkbox"]{
  accent-color:var(--accent);
}

/* Color picker dark */
input[type="color"]{
  padding:2px;
  border:1px solid var(--border-mid);
  border-radius:var(--radius-sm);
  background:var(--bg-secondary);
  cursor:pointer;
  width:42px;height:36px;
}