/*
 * Valeo Travel palette. Sampled from valeotravel.net -- style3.css is a small
 * override layer, so these came from it plus inline styles and should be
 * re-checked against the live site.
 *
 * This is the ONLY file that defines a colour. Everything else references a
 * custom property, so re-skinning is one file.
 */
/*
 * Self-hosted Sofia Sans (regular + bold, Cyrillic + Latin subsets only --
 * that is what the Bulgarian/Latin-brand UI actually needs). Fetched from
 * Google Fonts and re-served locally because the project makes no
 * third-party requests. Licence: public/fonts/OFL.txt.
 */
@font-face {
  font-family: "Sofia Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/sofia-sans-cyrillic-400.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Sofia Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/sofia-sans-latin-400.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;
}

@font-face {
  font-family: "Sofia Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/sofia-sans-cyrillic-700.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Sofia Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/sofia-sans-latin-700.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 {
  --vt-navy: #00256e;
  --vt-navy-light: #002c84;
  --vt-accent: #d34014;
  --vt-accent-hover: #c3380e;
  --vt-accent-light: #e34b1c;
  --vt-surface: #f2f4f8;
  --vt-surface-alt: #e2e6f1;
  --vt-surface-warm: #fff6ef;
  --vt-border: #c7d0df;
  --vt-text: #282828;
  --vt-text-muted: #3e3e3e;
  --vt-nav-text: #fff;
  --vt-danger: #b3261e;
  --vt-danger-surface: #fdecea;

  /* Login page (2026-09-13 design canvas, design/_ds/.../tokens/colors.css).
   * Distinct from the valeotravel.net-sampled palette above -- see the
   * login redesign report for the --nv-* -> --vt-* mapping. */
  --vt-white: #ffffff;
  --vt-action: #f05a00;
  --vt-action-hover: #c94800;
  --vt-blue: #0057a8;
  --vt-border-soft: #dde2ea;
  --vt-text-faint: #9aa4b2;
  --vt-text-secondary: #5c6b7a;

  /* Admin shell (2026-09-13 design canvas, design-adminshell-extract.html).
   * --nv-blue-800/900 and --nv-border-hairline have no close existing match
   * -- see the admin shell report for the full --nv-* -> --vt-* mapping. */
  --vt-blue-dark: #003d7a;
  --vt-blue-darker: #003057;
  --vt-border-hairline: #eef1f5;

  /* Достъп screen (2026-09-13 design canvas, design-access-extract.html).
   * --nv-surface-tint-blue has no close existing match -- see this task's
   * report for the full --nv-* -> --vt-* mapping. */
  --vt-surface-tint-blue: #e6f0fa;

  /* Достъп screen create/re-role/revoke controls (task 3 of the access
   * screen plan, design-access-extract.html). --nv-red-600 has no close
   * existing match -- it is the revoke control's text colour only. */
  --vt-red-600: #c0392b;

  /* Шаблони screen template-status badges (templates & builder plan, task 3,
   * design/Анкета Valeo Travel.dc.html, TPLCARDS). --nv-green-700 (the
   * "Активен" badge's text colour, from the design system's own
   * tokens/colors.css) has no close existing match; the badges' background
   * colours reuse already-mapped tokens (--vt-surface for
   * --nv-surface-sunken, --vt-surface-warm for --nv-surface-tint-orange --
   * both within a few RGB of the design values, same as the login screen's
   * --nv-surface-sunken -> --vt-surface reuse). See this task's report for
   * the full mapping. */
  --vt-green-700: #0b6b41;

  /* Конструктор "Условна логика" callout border (templates & builder plan,
   * task 5, design-builder-extract.html). --nv-gold-400 has no close
   * existing match -- sampled from the design system's own tokens/colors.css
   * (design/_ds/.../tokens/colors.css). See this task's report for the full
   * mapping. */
  --vt-gold-400: #f5b81f;

  /* „Отговори от анкети" filled score stars (results/triage/Томбола plan,
   * task 2, design/Анкета Valeo Travel.dc.html). The design system's own
   * --nv-rating (= --nv-gold-600) is the one colour it uses for a star glyph;
   * --vt-gold-400 above is a border colour two shades lighter and reads as
   * yellow rather than gold at 12px. See this task's report for the full
   * mapping -- every other colour on the screen reuses an existing token. */
  --vt-gold-600: #e6a817;

  --vt-font: "Sofia Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --vt-radius: 6px;
  --vt-gap: 16px;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--vt-font);
  color: var(--vt-text);
  background: var(--vt-surface);
}