/* ============================================================
   COLORS — Podlevskikh Design System
   Academic navy + scholar's gold. Prestige, rigor, clarity.
   ============================================================ */
:root {
  /* --- Base ramp: Ink / Navy (the brand's spine) --- */
  --ink-950: #07121F;   /* deepest, near-black navy — hero bg, footer */
  --ink-900: #0C1A2E;   /* primary dark surface */
  --navy-800: #112641;
  --navy-700: #18345A;
  --navy-600: #1F4474;
  --navy-500: #2156A6;  /* PRIMARY brand blue */
  --navy-400: #3A72C4;
  --navy-300: #6E9BD9;
  --navy-200: #AEC6EC;
  --navy-100: #DCE7F6;
  --navy-50:  #EFF4FB;

  /* --- Scholar's gold (achievement, crest, accent) --- */
  --gold-700: #8A5E14;
  --gold-600: #A9761E;
  --gold-500: #C18A2B;  /* ACCENT — medals, highlights, top scores */
  /* Золото ДЛЯ ТЕКСТА на тёмных подложках (hero, футер, синие карточки).
     Прежнее #D6A347 давало 3.15:1 на фоне героя — ниже порога WCAG AA. */
  --gold-400: #EED09A;
  --gold-300: #E6C57E;
  --gold-100: #F6E9C9;
  --gold-50:  #FBF4E2;

  /* --- Neutrals: warm paper, not cold gray --- */
  --paper:    #FAF8F3;  /* page background */
  --white:    #FFFFFF;
  --sand-100: #F2EEE5;
  --stone-200: #E4DFD4;
  --stone-300: #CDC6B7;
  --stone-400: #A89F8C;
  --slate-500: #6B7280;
  --slate-600: #4B5563;
  --slate-700: #374151;
  --slate-800: #1F2937;

  /* --- Semantic status --- */
  --success-600: #2F7D54;
  --success-500: #3D9B6A;
  --success-50:  #E7F3EC;
  --danger-600:  #B5402F;
  --danger-500:  #D15847;
  --danger-50:   #FBEAE6;
  --info-500:    #2156A6;
  --warn-500:    #C18A2B;

  /* ============================================================
     SEMANTIC ALIASES — reference these in components, not the ramp
     ============================================================ */
  --bg-page:        var(--paper);
  --bg-inset:       var(--sand-100);
  --surface-card:   var(--white);
  --surface-raised: var(--white);
  --surface-dark:   #356BB0;  /* bright navy card */
  --surface-hero:   #2A5798;  /* vivid royal-blue hero — airy, not inky */

  --text-strong:    var(--ink-900);   /* headings */
  --text-body:      var(--slate-700);
  /* Приглушённый и слабый текст заданы НЕ ramp-значениями: --slate-500 давал
     4.2–4.4:1 на подложках (--bg-inset, --navy-50), а --stone-400 — 2.6:1 даже
     на белом. Оба ниже порога WCAG AA 4.5:1 для обычного текста. Иерархия
     «сильный → основной → приглушённый → слабый» сохранена, просто сжата. */
  --text-muted:     #5B6472;
  --text-faint:     #77705F;
  --text-on-dark:   #EEF3FA;
  --text-on-dark-muted: #C5D4E8;
  --text-on-gold:   var(--ink-950);

  --brand:          var(--navy-500);
  --brand-hover:    var(--navy-600);
  --brand-active:   var(--navy-700);
  --accent:         var(--gold-500);
  --accent-hover:   var(--gold-600);
  /* Золото ДЛЯ ТЕКСТА на светлых подложках. --accent (#C18A2B) годится как
     заливка и граница, но как цвет текста даёт 2.9:1 на --paper. Компоненты,
     где золото — именно текст (eyebrow, крупные цифры), берут этот токен. */
  --text-gold:      var(--gold-700);

  --border-subtle:  var(--stone-200);
  --border-default: var(--stone-300);
  --border-strong:  var(--slate-600);
  --border-ondark:  rgba(220, 231, 246, 0.26);

  --focus-ring:     var(--navy-400);
  --link:           var(--navy-500);
  --link-hover:     var(--navy-700);

  /* Selection */
  --selection-bg:   var(--gold-100);
}

::selection { background: var(--selection-bg); color: var(--ink-900); }