/* SkolkovoVet design tokens: the only place colours, fonts, spacing and radius are defined.
   Source of every value: docs/design.md (brand book Skolkovo_Vet_BB_Final.pdf first, the site skolkovo.vet second;
   decisions P-07 logo, P-08 fonts, P-09 status colours of 2026-09-28). */

/* Montserrat (SIL Open Font License, fonts/OFL.txt), served with the page: no request to a third party (P-08). */
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fonts/montserrat-cyrillic-400-normal.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: 500; font-display: swap;
  src: url("fonts/montserrat-cyrillic-500-normal.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: 700; font-display: swap;
  src: url("fonts/montserrat-cyrillic-700-normal.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: 400; font-display: swap;
  src: url("fonts/montserrat-latin-400-normal.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+2191, U+2193, U+2212, U+2215, U+25B2, U+25BC, U+FEFF, U+FFFD; }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("fonts/montserrat-latin-500-normal.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+2191, U+2193, U+2212, U+2215, U+25B2, U+25BC, U+FEFF, U+FFFD; }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("fonts/montserrat-latin-700-normal.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+2191, U+2193, U+2212, U+2215, U+25B2, U+25BC, U+FEFF, U+FFFD; }

:root {
  /* Brand palette, brand book p. 26 "Фирменная палитра цветов" (RGB given there; hex computed from it) */
  --color-teal: #3C5967;        /* primary, RGB 60.89.103, Pantone 3025; = site --theme-base-color */
  --color-bronze: #B2885F;      /* primary, RGB 178.136.95, Pantone 7518 */
  --color-black: #000000;       /* primary, RGB 0.0.0 */
  --color-warm-grey: #CBC5C1;   /* primary, RGB 203.197.193, Pantone Cool Gray 2 */
  --color-slate: #99A7B0;       /* secondary, RGB 153.167.176, Pantone 429 */
  --color-navy: #192830;        /* secondary, RGB 25.40.48, Pantone 309 */
  --color-mist: #CAD9DA;        /* secondary, RGB 202.217.218, Pantone 545 */
  --color-umber: #413933;       /* secondary, RGB 65.57.51, Pantone 432 */
  --color-white: #FFFFFF;       /* logo background, brand book p. 27-30 */

  /* Roles (light theme only) */
  --surface-page: color-mix(in srgb, var(--color-mist) 30%, var(--color-white));
  --surface-card: var(--color-white);
  --surface-header: var(--color-teal);
  --text-main: var(--color-navy);
  --text-muted: var(--color-teal);
  --text-on-dark: var(--color-white);
  --line: var(--color-warm-grey);
  --accent: var(--color-bronze);
  --confidence-a: var(--color-teal);
  --confidence-b: var(--color-bronze);
  --confidence-c: var(--color-slate);

  /* Good / bad performance (P-09, Timur 2026-09-28): muted green and red beside the brand palette, text on white
     at 5.11 : 1 and 5.40 : 1 (WCAG). Never the only signal: an arrow or a word goes with them. */
  --status-good: #3A7A5A;
  --status-bad: #B04A3C;

  /* Fonts (P-08, Timur 2026-09-28): the site's font, Montserrat, for headings and text. The brand book's GRTSK Tera
     and P22 Underground CY Pro have no known web licence (docs/design.md). */
  --font-heading: "Montserrat", Arial, sans-serif;
  --font-text: "Montserrat", Arial, sans-serif;
  --weight-heading: 500;        /* Tera Medium */
  --weight-text: 400;           /* Book */
  --weight-accent: 700;         /* Heavy, for important figures */

  /* Type scale, brand book p. 36 (pt steps 6-8-10-13-16-21-26-34-42-55-68-110, used as px on screen) */
  --size-xs: 13px;
  --size-s: 16px;
  --size-m: 21px;
  --size-l: 26px;
  --size-xl: 34px;
  --size-xxl: 42px;
  --leading-text: 1.2;          /* brand book p. 36: 120 % of the size */
  --leading-heading: 1;         /* brand book p. 36: 100 % */
  --tracking-heading: -0.02em;  /* brand book p. 36: tracking -20 to -40 */

  /* Spacing, skolkovo.vet template CSS (paddings 5/10/16/24/40, grid gap 32) */
  --space-1: 5px;
  --space-2: 10px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 40px;

  /* Radius, skolkovo.vet: --theme-border-radius / --theme-outer-border-radius 26px; small 4px (most common) */
  --radius-card: 26px;
  --radius-small: 4px;
  --radius-dot: 50%;

  /* Logo (P-07): the site's white logo file (logo-white.png, 1680×504), on teal (brand book p. 27); clear space of
     one "+" sign (p. 11), about a third of the logo's height */
  --logo-height: 48px;
  --logo-clear-space: 16px;

  /* Widths: the Telegram mini-app (phone) and desktop */
  --width-page-max: 1280px;
  --width-card-min: 300px;
}