/* Доброе рядом: общая тема (этап 1). Только расширять, не переименовывать. */
:root{
  --dr-bg:#F6F3EE; --dr-surface:#FFFFFF; --dr-surface-2:#EFEAE3; --dr-line:#DDD5CA;
  --dr-ink:#1A1714; --dr-ink-2:#5B544C; --dr-ink-3:#716A61;
  --dr-accent:#8F2F22; --dr-ok:#1F5C42; --dr-danger:#B42318; --dr-disabled:#D9D2C8;
  --dr-glass:#2E2A26; --dr-lit:#F0CF86; --dr-gold:#D69E1F;
  --dr-font:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
html{color-scheme:light}
body.dr-page{background:var(--dr-bg);color:var(--dr-ink);font-family:var(--dr-font);font-size:15px;line-height:22px}
.dr-page button,.dr-page input,.dr-page select,.dr-page textarea{font-family:var(--dr-font)}

/* текст */
.dr-h1{font-size:22px;line-height:28px;font-weight:700;color:var(--dr-ink)}
.dr-h2{font-size:16px;line-height:24px;font-weight:600;color:var(--dr-ink)}
.dr-text{font-size:15px;line-height:22px;font-weight:400;color:var(--dr-ink)}
.dr-text-2{font-size:13px;line-height:18px;font-weight:400;color:var(--dr-ink-2)}
.dr-hint{font-size:12px;line-height:16px;font-weight:500;color:var(--dr-ink-3)}
.dr-sum{font-weight:600;color:var(--dr-accent)}
.dr-brand{font-size:17px;font-weight:700;color:var(--dr-accent)}
.dr-link{color:var(--dr-accent);text-decoration:none}

/* карточка */
.dr-card{background:var(--dr-surface);border:1px solid var(--dr-line);border-radius:14px;padding:16px;box-shadow:none}

/* кнопки */
.dr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 16px;border-radius:10px;font-size:15px;font-weight:600;border:0;cursor:pointer;box-shadow:none;background-image:none}
.dr-btn-block{display:flex;width:100%}
.dr-btn-main{background:var(--dr-ink);color:#fff}
.dr-btn-sec{background:var(--dr-surface);color:var(--dr-ink);border:1px solid var(--dr-ink)}
.dr-btn-quiet{background:var(--dr-surface-2);color:var(--dr-ink)}
.dr-btn-danger{background:var(--dr-surface);color:var(--dr-danger);border:1px solid var(--dr-danger)}
.dr-btn:disabled,.dr-btn-off{background:var(--dr-disabled);color:#fff;border:0;cursor:default}

/* чип */
.dr-chip{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;border:1px solid var(--dr-line);background:var(--dr-surface);color:var(--dr-ink);font-size:13px;font-weight:500;cursor:pointer}
.dr-chip.is-on{background:var(--dr-ink);border-color:var(--dr-ink);color:#fff}

/* поле */
.dr-input{width:100%;height:48px;background:var(--dr-surface);border:1px solid var(--dr-line);border-radius:10px;padding:0 14px;font-size:15px;color:var(--dr-ink)}
.dr-input::placeholder{color:var(--dr-ink-3)}
.dr-input:focus{outline:0;border:2px solid var(--dr-ink);padding:0 13px}

/* тумблер: <label class="dr-toggle"><input type="checkbox"><span></span></label> */
.dr-toggle{position:relative;display:inline-block;width:44px;height:26px;flex:none}
.dr-toggle input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
.dr-toggle span{position:absolute;inset:0;border-radius:13px;background:var(--dr-surface-2);border:1px solid var(--dr-line);transition:background .15s}
.dr-toggle span:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--dr-line);transition:left .15s}
.dr-toggle input:checked + span{background:var(--dr-ok);border-color:var(--dr-ok)}
.dr-toggle input:checked + span:after{left:20px;box-shadow:none}

/* полоса прогресса */
.dr-bar{height:8px;border-radius:4px;background:var(--dr-surface-2);overflow:hidden}
.dr-bar>i{display:block;height:100%;background:var(--dr-ok)}

/* нижнее меню */
.dr-nav{background:var(--dr-surface);border-top:1px solid var(--dr-line)}
.dr-nav a{color:var(--dr-ink-3);border-top:2px solid transparent;text-decoration:none}
.dr-nav a.is-on{color:var(--dr-ink);border-top-color:var(--dr-ink)}