/* Theme: «Графит и стальной голубой» (Benmork, calm variant 2026-10-28, from «сигнальный голубой» #38E1FF), after media/benmork-logos/out3/style-rules.md.
   Neutral graphite ground, ONE light accent (the target bar of the mark) with dark labels on it.
   Dark is pinned by the brand; print resolves to a light sheet. */
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/montserrat-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/montserrat-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+20BD, U+2122, U+2190-2193, U+2212, U+2215, U+2248, U+2264-2265, U+FEFF, U+FFFD; }
@font-face { font-family: "Roboto"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/roboto-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Roboto"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/roboto-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; }

:root {
  --bg: #0B0D10;            /* ночной торговый зал: the ground of every screen */
  --surface: #15171B;       /* корпус терминала: panels, inputs, the quiet button */
  --surface-2: #1C1F24;     /* карточка позиции: tinted bands, hover rows */
  --ink-strong: #F2F1EE;    /* лист под лампой: headlines, a touch warmer than pure white */
  --ink: #DCE0E4;           /* бумага отчёта: main text */
  --muted-strong: #B4B9BF;  /* подпись к цифре */
  --muted: #8E949B;         /* серый тикер: secondary lines */
  --line: #262A30;          /* волосяная рамка */
  --line-strong: #40464F;   /* линейка поля ввода */
  --line-control: #6E7580;  /* окантовка кнопки: 3:1 on bg, surface and cards */
  --line-control-hover: #A3A9B0; /* окантовка под курсором */
  --accent: #5BB8D4;        /* стальной голубой «уровень»: focus, target, the one signal (calm variant of #38E1FF) */
  --accent-fill: #5BB8D4;   /* главная кнопка */
  --accent-on-fill: #031820;/* глубина: label on the accent */
  --accent-text: #5BB8D4;   /* ссылка, акцентная строка */
  --accent-soft: #152228;   /* выбранная строка: accent at 12 % on graphite */
  --glow: rgba(91, 184, 212, 0.07); /* свет монитора: only the soft top glow */
  --ink-field: #08090B;     /* глубокий зал: rail and ink band */
  --bezel: #2A2E34;         /* корпус телефона в hero */
  --notch: #000000;         /* вырез экрана */
  --on-ink: #DCE0E4;
  --on-ink-muted: #8E949B;
  --field-1: #15171B;  --field-1-ink: #DCE0E4;
  --field-2: #152228;  --field-2-ink: #DCE0E4;
  --field-3: #08090B;  --field-3-ink: #DCE0E4;
  --profit: #22C58B;        /* прибыль */
  --loss: #FF6369;          /* убыток */
  --gold: #F5B83D;          /* бейдж ДЕМО, and nothing else */
  --profit-soft: #0E2721;
  --loss-soft: #2D191C;
  --gold-soft: #2C2516;
  --warn: #FF9F43;          /* дневная граница просадки, ожидание */
  --warn-soft: #2C2117;
  --on-profit: #04140F;
  --on-loss: #1A0507;
  --shadow-pop: 0 18px 40px rgba(0, 0, 0, 0.5); /* тень всплывающего меню */
  --series-2: #E9EDF1;      /* линия MA и Фибоначчи */
  --series-3: #B7A6FF;      /* линия EMA и RSI */
  --series-4: #F28FB8;      /* линия VWAP */

  --font-display: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Roboto", "Montserrat", "Helvetica Neue", Arial, sans-serif; /* text (after alloca.io); Montserrat fills ₽ and arrows */
  --font-mono: "Montserrat", "Helvetica Neue", Arial, sans-serif; /* figures: one family, tabular numerals */
  --w-display: 700;
  --tr-display: -0.02em;
  --tr-h2: -0.02em;
  --lh-display: 1.12;          /* headlines, after alloca.io */
  --fs-display: clamp(2.1rem, 1.25rem + 2.5vw, 3.5rem);
  --fs-h2: clamp(1.6rem, 1.15rem + 1.7vw, 2.6rem);
  --fs-h3: clamp(1.05rem, 0.98rem + 0.35vw, 1.25rem);
  --case-eyebrow: uppercase;
  --tr-eyebrow: 0.16em;
  /* shape: one 12 px corner for buttons, fields and cards; small parts go down, the phone and big panels go up */
  --radius: 12px;           /* card, band, input, table */
  --radius-lg: 16px;        /* receipt, closing brief, payment gate */
  --radius-sm: 8px;         /* chip, segmented control, menu row */
  --radius-xs: 6px;         /* tag, tiny badge */
  --radius-button: 12px;
  --radius-field: 12px;
  /* buttons: 60 px main, 56 px on phones, 44 px compact rows (tables, cabinet toolbars) */
  --btn-h: 60px;
  --btn-h-sm: 44px;
  --field-h: 52px;          /* text field beside a 56 to 60 px button */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 200ms;
  color-scheme: dark;
}

@media print {
  :root {
    --bg: #FFFFFF; --surface: #FFFFFF; --surface-2: #F2F4F6; --ink-strong: #0B0D10; --ink: #15171B; --muted-strong: #2A2E34; --muted: #4A5058;
    --line: #CDD1D6; --line-strong: #8E949B; --line-control: #6E7580; --line-control-hover: #4A5058; --accent: #00687F; --accent-text: #00687F; --profit: #006844; --loss: #B52336; --gold: #765000;
    --ink-field: #FFFFFF; --on-ink: #15171B; --on-ink-muted: #4A5058; --glow: transparent; color-scheme: light;
  }
}

/* one left edge of 22 px on phones, as in the reference */
@media (max-width: 759px) { :root { --shell: min(1280px, calc(100vw - 44px)); --btn-h: 56px; } }

/* type: Montserrat 700 for headlines, buttons and eyebrows, Roboto for text; headlines white, text paper-grey, eyebrows small caps in the accent */
body { font-family: var(--font-body); }
h1, h2, .display, .h2 { color: var(--ink-strong); }
.eyebrow { font-family: var(--font-display); font-size: 0.75rem; font-weight: 500; line-height: 1.4; }
.label { font-size: 0.75rem; font-weight: 500; letter-spacing: 0.1em; }
.num { font-variant-numeric: tabular-nums lining-nums; letter-spacing: 0; font-weight: 500; }
.button { font-family: var(--font-display); font-weight: 700; }
h1, h2, h3 { font-family: var(--font-display); }