/* ИталКонсалт — Color tokens
   Palette derived from the RUSTEM/ИталКонсалт logo source (dark navy +
   white/silver mark + blue accent), per TZ §5.3.
   Base scale first, semantic aliases below. */
:root {
  /* ---- Brand: navy ground ---- */
  --navy-900: #0C1426;   /* primary dark bg — hero, footer, dark sections */
  --navy-800: #0F172C;   /* alt dark bg — cards on dark */
  --navy-700: #152033;   /* body text on light surfaces */
  --navy-600: #213D6B;   /* graphite-blue — decorative diagonals, secondary fills */

  /* ---- Brand: blue accent ---- */
  --blue-700: #0A47AC;   /* pressed / darkest accent */
  --blue-600: #0E55CB;   /* brand blue — lines, active states, links */
  --blue-500: #106AEC;   /* bright CTA blue — primary buttons, focus */
  --blue-400: #3C8BFF;   /* hover lift on dark, illustration accent */
  --blue-100: #DCE9FD;   /* tint fills, selected chips on light */

  /* ---- Neutrals ---- */
  --white:     #FFFFFF;
  --silver-100:#E8EDF5;  /* secondary text / hairlines / icons on dark */
  --silver-200:#C7D2E2;  /* muted text on dark */
  --slate-400: #6B7C99;  /* muted text on light */
  --surface-light: #F5F7FA; /* light contrast sections */
  --line-light: #E2E8F2; /* hairlines on light */

  /* ---- Italian flag accents (use sparingly: soft blurred hint only) ---- */
  --it-green: #0B7A3B;
  --it-red:   #C62828;

  /* ---- Status ---- */
  --success: #0B7A3B;
  --error:   #C62828;
  --warning: #B8860B;

  /* ================= Semantic aliases ================= */
  /* Surfaces */
  --surface-base:    var(--navy-900);
  --surface-raised:  var(--navy-800);
  --surface-inset:   #0A1120;
  --surface-card-light: var(--white);

  /* Text */
  --text-strong:   var(--white);      /* headings on dark */
  --text-body:     var(--silver-100); /* body on dark */
  --text-muted:    var(--silver-200); /* secondary on dark */
  --text-strong-on-light: var(--navy-700);
  --text-body-on-light:   #33415C;
  --text-muted-on-light:  var(--slate-400);

  /* Accent / interactive */
  --accent:        var(--blue-500);
  --accent-hover:  var(--blue-400);
  --accent-press:  var(--blue-700);
  --accent-line:   var(--blue-600);
  --link:          var(--blue-500);
  --focus-ring:    var(--blue-500);

  /* Borders */
  --border-on-dark:  rgba(232,237,245,0.14);
  --border-on-dark-strong: rgba(232,237,245,0.26);
  --border-on-light: var(--line-light);
}