/* ================================================================== *
 * Chandraiah Law Firm — Color Tokens
 * Palette derived directly from the firm's logo:
 *   steel    #205080  — "Chandraiah Law Firm" script — PRIMARY brand
 *   crimson  #900010  — "Chicago Bankruptcy Help" wordmark — secondary accent
 *   burgundy #500010  — deep crimson border / shadow line
 * The system leads with a trustworthy steel blue as the primary brand,
 * with a confident crimson as the secondary accent, over a warm
 * paper-toned neutral scale for a serious, professional feel.
 * ================================================================== */

:root {
  /* ---- Crimson (secondary accent) ------------------------------- */
  --crimson-50:  #fbecee;
  --crimson-100: #f6d2d6;
  --crimson-200: #e9a6ac;
  --crimson-300: #d97981;
  --crimson-400: #c14e57;
  --crimson-500: #a82733;
  --crimson-600: #900010;  /* logo crimson — core accent */
  --crimson-700: #7a0010;
  --crimson-800: #620010;
  --crimson-900: #500010;  /* logo burgundy border */

  /* ---- Steel (primary brand) ------------------------------------ */
  --steel-50:  #eef3f8;
  --steel-100: #d6e2ef;
  --steel-200: #aac4dd;
  --steel-300: #7ba3c8;
  --steel-400: #4f81ad;
  --steel-500: #2f6291;
  --steel-600: #205080;  /* logo steel blue — core brand */
  --steel-700: #1a4068;
  --steel-800: #143150;
  --steel-900: #0e2238;

  /* ---- Neutral (warm paper-toned ink scale) --------------------- */
  --ink-0:   #ffffff;
  --ink-25:  #fbfaf9;  /* page paper */
  --ink-50:  #f5f3f1;
  --ink-100: #ebe8e4;
  --ink-200: #dcd7d1;
  --ink-300: #c2bbb2;
  --ink-400: #9a9189;
  --ink-500: #756d66;
  --ink-600: #574f49;
  --ink-700: #3e3833;
  --ink-800: #2a2622;
  --ink-900: #1a1714;  /* near-black warm ink */

  /* ---- Functional / status -------------------------------------- */
  --green-600: #1f6b46;
  --green-50:  #e8f2ec;
  --amber-600: #9a6b16;
  --amber-50:  #f7efdd;
  --red-600:   #b42318;
  --red-50:    #fbeae8;

  /* ================================================================ *
   * Semantic aliases — prefer these in components & screens
   * ================================================================ */

  /* Brand — primary is now steel blue; crimson is the secondary accent */
  --brand:            var(--steel-600);
  --brand-strong:     var(--steel-700);
  --brand-deep:       var(--steel-900);
  --brand-tint:       var(--steel-50);
  --accent:           var(--crimson-600);
  --accent-strong:    var(--crimson-700);
  --accent-tint:      var(--crimson-50);

  /* Text */
  --text-strong:      var(--ink-900);
  --text-body:        var(--ink-700);
  --text-muted:       var(--ink-500);
  --text-subtle:      var(--ink-400);
  --text-inverse:     var(--ink-0);
  --text-on-brand:    var(--ink-0);
  --text-link:        var(--brand-strong);

  /* Surfaces */
  --surface-page:     var(--ink-25);
  --surface-card:     var(--ink-0);
  --surface-sunken:   var(--ink-50);
  --surface-raised:   var(--ink-0);
  --surface-brand:    var(--steel-600);
  --surface-brand-deep: var(--steel-900);
  --surface-accent:   var(--crimson-600);
  --surface-inverse:  var(--ink-900);

  /* Borders */
  --border-subtle:    var(--ink-100);
  --border-default:   var(--ink-200);
  --border-strong:    var(--ink-300);
  --border-brand:     var(--steel-600);
  --hairline-brand:   var(--steel-900);

  /* Status */
  --success:          var(--green-600);
  --success-tint:     var(--green-50);
  --warning:          var(--amber-600);
  --warning-tint:     var(--amber-50);
  --danger:           var(--red-600);
  --danger-tint:      var(--red-50);

  /* Focus */
  --focus-ring:       color-mix(in srgb, var(--brand) 55%, transparent);
}