/* Тема «день»: слоновая кость, тёмное золото, бордо.

   Прежний день был персиково-розовым с розовыми пятнами: «странные розовые»
   и «отталкивающий фон» это про него. Здесь бумага дорогой визитки: тёплая
   слоновая кость, тёмное золото, бордо на риске. Пятен на фоне нет, только
   ровный свет. Пара акцентов та же, что вечером, поэтому две версии читаются
   как один бренд, а не как два сайта. */

:root {
  --night:      #f7f2ea;
  --night-2:    #efe7dc;
  --card:       #fffcf7;
  --card-2:     #f6efe5;

  --line:       rgba(60, 44, 30, .13);
  --line-2:     rgba(60, 44, 30, .26);

  --cream:      #1e1813;
  --cream-2:    #574a3f;
  --cream-3:    #6f6155;

  --gold:       #74511c;   /* на золотой подложке было 4,27:1 */
  --gold-soft:  rgba(116, 81, 28, .09);
  --gold-deep:  #6c4c1b;
  --rose:       #a23548;
  --rose-lift:  #b8495c;
  --on-rose:    #fff7f5;
  --rose-soft:  rgba(162, 53, 72, .1);

  --r-s: 4px;
  --r-m: 12px;
  --r-l: 20px;

  --col: 1180px;
  --pad: 24px;

  --ease: cubic-bezier(.2, .7, .3, 1);
  --t: 260ms;
}

body::before {
  background:
    radial-gradient(90vw 60vh at 50% -20%, rgba(255, 255, 255, .9), transparent 62%),
    radial-gradient(70vw 50vh at 50% 120%, rgba(214, 190, 150, .25), transparent 70%);
}
body::after { opacity: .12; }

.top { background: rgba(247, 242, 234, .85); }
.dock { background: rgba(247, 242, 234, .95); }
.mnav { background: var(--card); }

.fig, .brief-item, .way, .pf, .stat, .meth > div, .step, .brk-row, .faq details, .mo-col, .mon {
  background: var(--card);
}
.fig, .brief-item, .way {
  box-shadow: 0 1px 2px rgba(60, 44, 30, .05), 0 18px 40px -26px rgba(60, 44, 30, .35);
}
.fig::before { display: none; }
.mo-year { background: var(--night-2); }
.dist-bar, .sym-bar, .mo-zero { background: var(--night-2); }
.field input, .field textarea { background: var(--card); }
#cd { color-scheme: light; }
.modal { background: var(--card); }
.modal::backdrop { background: rgba(30, 24, 19, .4); }
.mon-shot img { filter: none; }
.mon-shot { background: var(--night-2); }
.chart-tip { background: var(--cream); color: var(--card); }
.g-fill { fill: rgba(138, 99, 38, .12); }
.g-fill-neg { fill: rgba(162, 53, 72, .1); }
.sl-mask { fill: var(--night); opacity: .72; }

/* Главная кнопка днём: тёмная, как тиснение на визитке. */
.btn-ink {
  background: var(--cream); color: var(--card); box-shadow: 0 10px 26px -16px rgba(30, 24, 19, .6);
}
.btn-ink:hover { background: var(--gold-deep); box-shadow: 0 14px 30px -16px rgba(30, 24, 19, .6); }
.btn-line:hover { border-color: var(--gold); color: var(--gold); }
.kicker, .sec-num { color: var(--gold); }
.mark-dot { background: var(--gold); }
.panel-range button.on { background: var(--cream); color: var(--card); }
.lang button.on { background: var(--cream); color: var(--card); }
.risk-list li { background: rgba(162, 53, 72, .04); border-color: rgba(162, 53, 72, .16); }
.sec-risk { background: linear-gradient(180deg, transparent, rgba(162, 53, 72, .035), transparent); }
.calc-out { background: linear-gradient(165deg, rgba(138, 99, 38, .08), var(--card)); }
.final-in { background: linear-gradient(150deg, rgba(138, 99, 38, .1), rgba(162, 53, 72, .05) 60%, var(--card)); }
.way-warn { background: rgba(162, 53, 72, .06); }
.refbox { background: var(--gold-soft); border-color: rgba(138, 99, 38, .28); }
