/* DiyetX marka teması: FacomX ürün ailesiyle aynı koyu lacivert görünüm */
html:root[data-brand]{
  --bg:#07101e; --card:#0c1728; --soft:#111f35; --ink:#eef4ff; --muted:#8f9bb2; --line:rgba(151,176,216,.16);
  --a:#70c0ff; --a1:#17408f; --a2:#3a7be0; --b:#f59a63; --b1:#b13a0a; --b2:#e0821f;
  --accent:#70c0ff; --on-accent:#05223d; --good:#4ade80; --warn:#fbbf24; --bad:#f87171;
  --c-yag:#f59e0b; --c-sivi:#5aa9ff; --c-kas:#34d399; --c-kemik:#a78bfa;
  --font-display:"Segoe UI Variable Display","Aptos Display","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-body:"Segoe UI Variable Text","Aptos","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  color-scheme:dark;
}
html[data-brand],html[data-brand] body{background-color:#07101e}
html[data-brand] body{
  color:var(--ink);font-family:var(--font-body);
  background-image:radial-gradient(900px 520px at 88% -8%,rgba(112,192,255,.11),transparent 62%),radial-gradient(760px 460px at -5% 18%,rgba(79,124,255,.07),transparent 60%);
  background-attachment:fixed;
}
/* büyük silik X, FacomX sayfalarındaki gibi */
html[data-brand] body::before{
  content:"";position:fixed;right:-90px;top:64px;width:430px;height:465px;pointer-events:none;z-index:0;opacity:.9;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 311 336' fill='none' stroke='%2370c0ff' stroke-opacity='.10' stroke-width='1.5'%3E%3Cpolygon points='263,0 311,0 48,336 0,336'/%3E%3Cpolygon points='44,86 92,86 136,142 111,170'/%3E%3Cpolygon points='178,193 247,281 200,281 153,224'/%3E%3C/svg%3E") no-repeat center/contain;
}
.wrap,#auth,#boot{position:relative;z-index:1}

/* logo */
.logo{display:inline-flex;align-items:flex-end;gap:3px;font-family:var(--font-display);font-weight:800;letter-spacing:-.045em;font-size:27px;line-height:1;color:var(--ink);white-space:nowrap}
.logo .lw{padding-bottom:.02em}
.logo .lx{height:.92em;width:auto;display:block;margin-bottom:-.05em;margin-left:1px}
.authbox .logo{font-size:40px;justify-content:center}
.boot{display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:30vh;color:var(--muted)}
.boot .logo{font-size:44px}
.spin{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--accent);animation:sp .9s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}

/* başlık ve etiketler */
header.top{background:rgba(7,16,30,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);margin-inline:-16px;padding-inline:16px}
h1,h2,.hero .big,.big2,.empty b{letter-spacing:-.03em}
h2{font-weight:800;font-size:19px}
.lbl{color:var(--accent);letter-spacing:.14em;font-size:11px;font-weight:700}
.sync{color:var(--muted)}

/* kartlar */
.card,.pc,.dcl,.meal,.wday,.dyday{background:var(--card);border-color:var(--line)}
.card{border-radius:16px}
.tile{background:rgba(255,255,255,.035)}
.tile.g{background:color-mix(in srgb,var(--good) 13%,var(--card))}
.tile.w{background:color-mix(in srgb,var(--warn) 13%,var(--card))}

/* düğmeler: açık mavi, koyu yazı, hafif parlama */
.btn{background:var(--accent);color:var(--on-accent);border-radius:10px;font-weight:700;box-shadow:0 8px 26px rgba(112,192,255,.16)}
.btn:hover{filter:brightness(1.06)}
.btn.alt{background:rgba(255,255,255,.045);color:var(--ink);border:1px solid var(--line);box-shadow:none}
.btn.alt:hover{background:rgba(255,255,255,.08)}
.btn.danger{background:#e5484d;color:#fff;box-shadow:none}
.btn[disabled]{box-shadow:none}
.chip{background:rgba(255,255,255,.04);color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.seg{background:rgba(255,255,255,.045)}
.seg button[aria-selected="true"]{background:rgba(112,192,255,.16);color:var(--accent);box-shadow:none}
.opt{background:rgba(255,255,255,.045);color:var(--ink)}
.opt[aria-pressed="true"]{background:var(--ink);color:#07101e}
.opt.ate{background:var(--good);color:#04230f}

/* alt gezinme ve bildirimler */
.tabs{background:rgba(9,18,33,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line)}
.tabs button[aria-selected="true"]{background:rgba(112,192,255,.16);color:var(--accent)}
.toast{background:#eef4ff;color:#07101e}

/* koyu zeminde okunabilirlik */
.water{color:#9ad4ff;background:rgba(90,169,255,.13)}
.hero .when,.hero .nm{opacity:.95}
input[type=text],input[type=number],input[type=date],input[type=time],input[type=email],input[type=password],select,textarea{background:#07101e;border-color:var(--line);color:var(--ink)}
input::placeholder,textarea::placeholder{color:#5f6c85}
:focus-visible{outline-color:var(--accent)}
.fl li{background:rgba(255,255,255,.04)}
.eat{color:var(--good)}
.eat.on{background:var(--good);color:#04230f}
.fl.ate li{background:color-mix(in srgb,var(--good) 16%,var(--card))}
.gl{background:rgba(255,255,255,.04)}
.gl.on{background:rgba(90,169,255,.2)}
.mini,.pill{background:rgba(255,255,255,.06)}
.warnbox{background:color-mix(in srgb,var(--warn) 14%,var(--card))}
.yo{background:rgba(255,255,255,.04)}
.yo.dy{background:color-mix(in srgb,var(--good) 12%,var(--card))}
code{background:rgba(255,255,255,.07)}
.dcl:hover{border-color:rgba(112,192,255,.45)}