/* happp.sbs — характер: дневной прайс-лист. Светлая бумага, чернильный синий,
   плотная сетка, крупные цифры. Полная противоположность ночному happ-proxy. */

:root {
  --bg: #F7F7F4;
  --surface: #FFFFFF;
  --surface-sunk: #EFEFEA;
  --ink: #16181A;
  --ink-soft: #3B4147;
  --muted: #6B7178;
  --line: #E0E0D9;
  --line-strong: #C6C7BE;
  --accent: #1B43C8;
  --accent-hover: #142F92;
  --accent-soft: #E7ECFB;
  --accent-line: #C3D0F3;
  --on-accent: #FFFFFF;
  --warn: #9A4A12;
  --warn-soft: #F9EDE2;
  --glow: rgba(27, 67, 200, .07);

  --mock-bg: #E9E9E3;
  --mock-edge: #D5D6CD;
  --mock-screen: #FFFFFF;
  --mock-row: #F2F2ED;
  --mock-shadow: 0 26px 54px -30px rgba(22, 30, 46, .45);

  --font-display: "Manrope", "Onest", system-ui, sans-serif;
  --font-ui: "Onest", "Segoe UI", system-ui, sans-serif;
  --font-text: "Onest", "Segoe UI", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Consolas, monospace;

  --measure: 70ch;
  --radius: 4px;
  --shell: 1160px;
  --leading: 1.6;
  --size-text: 16.5px;
  --mast-h: 58px;
}

:root[data-theme="dark"] {
  --bg: #111316;
  --surface: #181B1F;
  --surface-sunk: #141619;
  --ink: #E9EBEE;
  --ink-soft: #BFC4CA;
  --muted: #8F969E;
  --line: #262A30;
  --line-strong: #373C44;
  --accent: #7C9CFF;
  --accent-hover: #9BB3FF;
  --accent-soft: #171E32;
  --accent-line: #24304F;
  --on-accent: #0B1330;
  --warn: #DFA469;
  --warn-soft: #241A11;
  --glow: rgba(124, 156, 255, .08);
  --mock-bg: #1B1E23;
  --mock-edge: #2C3138;
  --mock-screen: #121519;
  --mock-row: #191D22;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #111316;
    --surface: #181B1F;
    --surface-sunk: #141619;
    --ink: #E9EBEE;
    --ink-soft: #BFC4CA;
    --muted: #8F969E;
    --line: #262A30;
    --line-strong: #373C44;
    --accent: #7C9CFF;
    --accent-hover: #9BB3FF;
    --accent-soft: #171E32;
    --accent-line: #24304F;
    --on-accent: #0B1330;
    --warn: #DFA469;
    --warn-soft: #241A11;
    --glow: rgba(124, 156, 255, .08);
    --mock-bg: #1B1E23;
    --mock-edge: #2C3138;
    --mock-screen: #121519;
    --mock-row: #191D22;
  }
}

/* Этому сайту идут прямые углы и подчёркнутые цифры */
.brand { font-family: var(--font-display); font-weight: 800; letter-spacing: -0.03em; font-size: 18px; }
.lp-h1 { letter-spacing: -0.035em; }
.lp-plan, .lp-why__i, .lp-net__i, .lp-device, .buy { border-radius: 4px; }
.lp-plan--best { border-width: 2px; }
.lp-plan__sum { font-variant-numeric: tabular-nums; }
.lp-fact b { font-variant-numeric: tabular-nums; }

/* Ссылки в тексте подчёркнуты сразу — прайс-лист, а не журнал */
article a, .lp-head a { text-decoration: underline; text-underline-offset: 2px; }

.side__list a { border-left: 2px solid transparent; border-radius: 0; margin-left: 0; padding-left: 12px; }
.side__list a[aria-current="page"] { border-left-color: var(--accent); background: var(--accent-soft); }