/* ============================================================
   Yandex Plus — Color tokens
   Sourced from the official "Шаблон Plus Creative" deck theme
   + the in-slide fill palette.
   ============================================================ */

:root {
  /* ---- Brand spectrum (the Plus gradient stops) ---- */
  --plus-coral:    #FF5C4D; /* warm start of the gradient */
  --plus-pink:     #EB469F; /* hot pink */
  --plus-magenta:  #D358FF; /* electric magenta */
  --plus-purple:   #8341EF; /* core violet */
  --plus-indigo:   #5C61FF; /* periwinkle indigo */
  --plus-blue:     #3F68F9; /* Yandex blue — primary action */
  --plus-deep:     #2C003C; /* near-black aubergine */

  /* ---- The signature Plus gradient ----
     Used on the badge, key accents, large display moments.
     Badge sweep is coral→magenta→violet; the full brand sweep
     runs all the way to blue. */
  --plus-gradient:        linear-gradient(135deg, #FF5C4D 0%, #EB469F 32%, #D358FF 60%, #8341EF 82%, #3F68F9 100%); /* @kind color */
  --plus-gradient-badge:  linear-gradient(135deg, #FF5C4D 0%, #EB469F 38%, #D358FF 72%, #8341EF 100%); /* @kind color */
  --plus-gradient-cool:   linear-gradient(120deg, #8341EF 0%, #5C61FF 50%, #3F68F9 100%); /* @kind color */
  --plus-gradient-text:   linear-gradient(90deg, #8341EF 0%, #3F68F9 100%); /* "Плюс" wordmark */

  /* ---- Ink / text ---- */
  --ink-900:  #141424; /* primary text, dark navy-black */
  --ink-700:  #28296D; /* deep indigo, used on light accent fills */
  --ink-600:  #52556C; /* secondary text / body on light */
  --ink-400:  #8588B1; /* tertiary / muted captions */
  --black:    #000000;
  --white:    #FFFFFF;

  /* ---- Surfaces ---- */
  --surface-page:    #FFFFFF; /* default light slide / page */
  --surface-tint:    #F5F7FF; /* pale blue panel / card on white */
  --surface-blue:    #3F68F9; /* full-bleed blue moment (title slide) */
  --surface-deep:    #141424; /* dark slide */
  --surface-violet:  #2C003C; /* deep aubergine slide */

  /* ---- Lines & dividers ---- */
  --line-100: #F5F7FF;
  --line-200: #DDE3EE;
  --line-300: #CFD4E5;
  --line-400: #BAC0DC;

  /* ---- Faint brand washes (chart fills, soft chips) ---- */
  --wash-blue:   #D4DCFC;
  --wash-indigo: #D3DAFF;

  /* ---- Semantic ---- */
  --success: #61BC31; /* growth ↑ */
  --decline: #FF5C4D; /* fall ↓ (reuses coral) */
  --info:    #3F68F9;
  --warning: #FF5C4D;

  /* ---- Semantic aliases (use these in components) ---- */
  --text-primary:    var(--ink-900);
  --text-secondary:  var(--ink-600);
  --text-muted:      var(--ink-400);
  --text-on-brand:   var(--white);
  --text-link:       var(--plus-blue);

  --bg-page:         var(--surface-page);
  --bg-card:         var(--white);
  --bg-subtle:       var(--surface-tint);
  --bg-accent:       var(--plus-blue);

  --border-subtle:   var(--line-200);
  --border-strong:   var(--line-400);

  --accent:          var(--plus-blue);
  --accent-hover:    #2F57E6;   /* blue darkened ~8% for hover */
  --accent-press:    #2549C9;   /* blue darkened more for press */
}