/* Line Center — Color tokens
   Re-sampled directly from the vector master logo (assets/logos/linecenter-logo.svg):
   navy #062C66 (wordmark "Line") · orange #F2621A (accent / "CENTER")
   blue gradient #315EB4 → #46A9CE (the ribbon mark) */
:root {
  /* ---- Brand Navy (primary) ---- */
  --navy-950: #031634;
  --navy-900: #041e48;
  --navy-800: #05275b;
  --navy-700: #062c66; /* PRIMARY — wordmark navy */
  --navy-600: #144485;
  --navy-500: #215da6;
  --navy-400: #5480b7;
  --navy-300: #8faed2;
  --navy-200: #c7d6e8;
  --navy-100: #eef2f8;
  --navy-50:  #fbfcfe;

  /* ---- Orange (accent / energy) ---- */
  --orange-700: #b7450c;
  --orange-600: #d65611;
  --orange-500: #f2621a; /* ACCENT — primary orange */
  --orange-400: #f67e3d;
  --orange-300: #fa9b69;
  --orange-200: #fdc3a2;
  --orange-100: #fde1d0;
  --orange-50:  #fff2e9;

  /* ---- Sky Blue (secondary / ribbon) ---- */
  --blue-700: #254c95;
  --blue-600: #315eb4; /* ribbon royal end */
  --blue-500: #367bca;
  --blue-400: #46a9ce; /* ribbon sky end */
  --blue-300: #77b5d9;
  --blue-200: #add4e8;
  --blue-100: #d9eaf5;
  --blue-50:  #e8f4fa;

  /* ---- Cool neutrals (ink) ---- */
  --ink-950: #0a141f;
  --ink-900: #14202e; /* strongest text */
  --ink-800: #21303f;
  --ink-700: #33475c; /* body text */
  --ink-600: #4a6075;
  --ink-500: #647a90; /* muted text */
  --ink-400: #8a9cad;
  --ink-300: #b4c2cf;
  --ink-200: #d6dee6;
  --ink-150: #e5ebf0;
  --ink-100: #eef2f6;
  --ink-50:  #f6f9fb;
  --white:   #ffffff;
  --black:   #000000;

  /* ---- Semantic status ---- */
  --green-500: #1f9d57;
  --green-100: #e3f5ea;
  --amber-500: #e8a13a;
  --amber-100: #fcf0db;
  --red-500:   #d8442e;
  --red-100:   #fbe5e1;

  /* ---- Brand gradients ---- */
  --gradient-ribbon: linear-gradient(115deg, var(--orange-500) 0%, var(--orange-500) 38%, var(--blue-600) 72%, var(--blue-400) 100%);
  --gradient-brand:  linear-gradient(120deg, var(--navy-700) 0%, var(--navy-600) 60%, var(--blue-600) 100%);
  --gradient-warm:   linear-gradient(120deg, var(--orange-500) 0%, var(--orange-400) 100%);
  --gradient-cool:   linear-gradient(120deg, var(--navy-700) 0%, var(--blue-500) 100%);

  /* ===== Semantic aliases ===== */
  --primary:        var(--navy-700);
  --primary-hover:  var(--navy-800);
  --primary-active: var(--navy-900);
  --accent:         var(--orange-500);
  --accent-hover:   var(--orange-600);
  --accent-active:  var(--orange-700);

  --text-strong:    var(--ink-900);
  --text-body:      var(--ink-700);
  --text-muted:     var(--ink-500);
  --text-faint:     var(--ink-400);
  --text-on-brand:  var(--white);
  --text-on-accent: var(--white);
  --text-link:      var(--navy-600);

  --surface-page:   var(--ink-50);
  --surface-card:   var(--white);
  --surface-sunken: var(--ink-100);
  --surface-brand:  var(--navy-700);
  --surface-brand-soft: var(--navy-50);
  --surface-accent-soft: var(--orange-50);

  --border-subtle:  var(--ink-150);
  --border-default: var(--ink-200);
  --border-strong:  var(--ink-300);
  --border-brand:   var(--navy-700);

  --focus-ring:     var(--blue-400);
}