/* Тема «Графит»: тёмный угольный фон, приглушённое тёплое золото, антиква с высоким контрастом штриха в заголовках.
   Для салонов красоты, барбершопов, вечерних кафе. Заголовки Playfair Display, текст Inter (оба OFL, лежат локально).
   Контраст текста не ниже AA (проверяет тест). Знак УП.Среды в подвале стоит на светлой плашке, сам знак не тронут.
   В Playfair нет знака рубля, поэтому цены набраны Inter. Ни градиентов, ни теней, ни кругов. */
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(../fonts/playfair-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(../fonts/playfair-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

.graphite { color-scheme: dark;
  --page:#1B1C1E; --card:#242528; --ink:#F2EDE3; --ink2:#BDB6A8; --ink3:#A8A193; --line:#34353A; --line2:#4A4B51;
  --brand:#CDAA62; --action:#C9A55C; --action-ink:#1B1C1E; --action-hover:#DCBC77; --soft:#2D2E32; --dark:#141517;
  --focus:#E3C37F; --err:#FF9C92; --eyebrow:#CDAA62;
  --hbg:#141517; --hink:#F2EDE3; --hink2:#BDB6A8; --hline:#5A4D2F;
  --chip-bg:#242528; --chip-ink:#F2EDE3; --chip-line:#4A4B51; --chip-on-bg:#C9A55C; --chip-on-ink:#1B1C1E; --chip-on-line:#C9A55C;
  --badge-bg:#1B1C1E; --badge-ink:#DDBE7E; --badge-line:#6B5A33;
  --ph-bg:#2C2D31; --ph-ink:#77705F;
  --cb-bg:#141517; --cb-ink:#F2EDE3; --cb-line:#5A4D2F; --cb-btn-bg:#C9A55C; --cb-btn-ink:#1B1C1E;
  --font:'Inter',system-ui,sans-serif; --head:'Playfair Display',Georgia,'Times New Roman',serif; --radius:2px; --rc:2px; --badge-r:2px; --chip-r:2px;
  --namefont:'Playfair Display',Georgia,serif; --namew:600; --pricefont:'Inter',system-ui,sans-serif;
  --h1w:500; --h1ls:-.01em; --h1lh:1.1; --h2w:500; --h2ls:0; --btnw:600; --btnls:.08em; --btntt:uppercase; --capls:.16em; --captt:uppercase; }

.graphite .btn { font-size: 13px; }
.graphite .btn.main, .graphite .hero .btn:not(.wg) { color: var(--action-ink); }
.graphite .hero .h-cap { font-size: 12px; font-weight: 500; }
.graphite .hero .mname.big small { font-size: 11px; }
.graphite .h-cap, .graphite .i-info .h-cap { font-size: 12px; }
.graphite .card .name { font-size: 15.5px; line-height: 1.25; }
.graphite .price { font-weight: 600; letter-spacing: 0; }
.graphite .chip { font-size: 13px; letter-spacing: .04em; }
.graphite .tag, .graphite .mrow .tag, .graphite .svc .tag, .graphite .i-info .tag { letter-spacing: .06em; text-transform: uppercase; font-size: 10.5px; }
.graphite .sec-title { font-size: 24px; }
.graphite .mlogo { background: #F2EDE3; padding: 4px; border-radius: 4px; box-sizing: border-box; }
.graphite .mlogo.sm { padding: 3px; }
.graphite .field:focus-within { box-shadow: 0 0 0 3px #3A3322; }
.graphite .logo-chip { display: flex; padding: 7px; background: #F2EDE3; border-radius: 6px; }
.graphite .center .c-ic, .graphite .empty .e-ic { border-radius: 4px; }
.graphite .step .n { border-radius: 2px; }