/* ITPU — Color tokens
 * Source: ITPU Brand Guidelines 2022 v1.0, page "ЦВЕТОВАЯ ПАЛИТРА / logo/color".
 * Values transcribed verbatim from the guideline's RGB/CMYK swatches.
 * Note: the guideline's "LIGHT GRAY" swatch prints CMYK 0/0/0/23 (a neutral gray);
 * its printed RGB label (0/157/134) is a source typo and is ignored — the CMYK-true
 * gray #C4C4C4 is used.
 */

:root {
  /* ── Brand palette (8 primary colors) ───────────────────────── */
  --itpu-sharp-blue:  #39C2D7; /* RGB 57,194,215  — primary brand color */
  --itpu-light-blue:  #76CDD8; /* RGB 118,205,216 */
  --itpu-lime-green:  #CEDB56; /* RGB 206,219,86 */
  --itpu-light-gray:  #C4C4C4; /* CMYK 0/0/0/23 */
  --itpu-bright-blue: #008ACF; /* RGB 0,138,207 */
  --itpu-dark-blue:   #263852; /* RGB 38,56,82 */
  --itpu-coral:       #D35D47; /* RGB 211,93,71 */
  --itpu-dark-gray:   #464547; /* RGB 70,69,71   — primary text / logo ink */
  --itpu-white:       #FEFEFE; /* RGB 254,254,254 */

  /* Tonal steps of the sharp-blue, seen in the geometric pattern */
  --itpu-blue-050: #E4F4F8;
  --itpu-blue-100: #C3E8F1;
  --itpu-blue-200: #A9DCEA;
  --itpu-blue-300: #76CDD8;
  --itpu-blue-400: #39C2D7;
  --itpu-blue-500: #1F9FC0;
  --itpu-blue-600: #008ACF;

  /* Coral tonal steps (pattern / accent, alternative pattern colorway) */
  --itpu-coral-100: #F5DDD8;
  --itpu-coral-300: #E49687;
  --itpu-coral-500: #D35D47;

  /* ── Neutral scale (from the guideline's own document chrome) ── */
  --itpu-ink:        #464547; /* body/headline ink on light */
  --itpu-gray-700:   #5B5B5B; /* secondary text */
  --itpu-gray-500:   #898989;
  --itpu-gray-400:   #9D9E9E; /* muted labels, captions */
  --itpu-gray-300:   #C4C4C4;
  --itpu-gray-200:   #D9DADA; /* borders */
  --itpu-gray-100:   #EBECEC; /* hairlines, subtle fills */
  --itpu-gray-050:   #F7F8F8; /* page tint */
  --itpu-black:      #000000;

  /* ── Semantic aliases ───────────────────────────────────────── */
  --color-primary:          var(--itpu-sharp-blue);
  --color-primary-strong:   var(--itpu-bright-blue);
  --color-primary-soft:     var(--itpu-light-blue);
  --color-accent:           var(--itpu-coral);
  --color-accent-alt:       var(--itpu-lime-green);
  --color-ink-deep:         var(--itpu-dark-blue);

  --text-title:      var(--itpu-sharp-blue); /* main headings render teal */
  --text-heading:    var(--itpu-dark-gray);  /* subheadings render dark */
  --text-body:       var(--itpu-gray-700);
  --text-muted:      var(--itpu-gray-400);
  --text-on-brand:   var(--itpu-white);
  --text-link:       var(--itpu-bright-blue);
  --text-link-hover: var(--itpu-sharp-blue);

  --surface-page:    var(--itpu-white);
  --surface-tint:    var(--itpu-gray-050);
  --surface-card:    var(--itpu-white);
  --surface-brand:   var(--itpu-sharp-blue);
  --surface-dark:    var(--itpu-dark-blue);
  --surface-inverse: var(--itpu-dark-gray);

  --border-subtle:   var(--itpu-gray-100);
  --border-default:  var(--itpu-gray-200);
  --border-strong:   var(--itpu-gray-400);

  --focus-ring:      var(--itpu-sharp-blue);
}