/* Freedom Caucus Fund — Color tokens
   Patriotic red / white / navy. Brand red sampled from the Capitol-dome mark: #E00000. */
:root {
  /* ===== Base palette ===== */
  /* Brand red */
  --red-50:  #fff0f0;
  --red-100: #ffd6d6;
  --red-300: #ff6b6b;
  --red-500: #ff1a1a;
  --red-600: #e00000; /* BRAND RED */
  --red-700: #b80000; /* hover / pressed */
  --red-800: #920000;

  /* Navy (secondary dark / patriotic blue) */
  --blue-secondary: #223570; /* SECONDARY brand blue — buttons, single-blue accents */
  --navy-50:  #eef2f8;
  --navy-100: #d3ddec;
  --navy-300: #7d96b8;
  --navy-500: #33507d;
  --navy-700: #16294a;
  --navy-800: #0f1f39;
  --navy-900: #081428; /* deepest bg */

  /* Neutrals — warm-cool gray, slightly cool to sit under navy */
  --white:   #ffffff;
  --paper:   #f6f6f4; /* off-white page bg */
  --gray-100:#ececee;
  --gray-200:#dcdde0;
  --gray-300:#c2c4c9;
  --gray-400:#9a9da4;
  --gray-500:#6f727a;
  --gray-600:#4c4f56;
  --gray-700:#33353b;
  --gray-800:#1f2126;
  --ink:     #14161a; /* near-black text */

  /* Semantic status */
  --gold:    #c8a24a; /* accent / stars / medals */
  --success: #1f8a4c;
  --warning: #d98a00;
  --danger:  #b80000;

  /* ===== Semantic aliases ===== */
  --brand:            var(--red-600);
  --brand-hover:      var(--red-700);
  --brand-contrast:   var(--white);
  --secondary:        var(--blue-secondary);
  --secondary-hover:  #1a2a5c;

  --bg-page:          var(--paper);
  --bg-inverse:       var(--navy-900);
  --surface-card:     var(--white);
  --surface-sunken:   var(--gray-100);
  --surface-inverse:  var(--navy-800);

  --text-heading:     var(--ink);
  --text-body:        var(--gray-700);
  --text-muted:       var(--gray-500);
  --text-inverse:     var(--white);
  --text-inverse-muted: var(--navy-100);
  --text-link:        var(--red-700);
  --text-link-hover:  var(--red-800);
  --text-on-brand:    var(--white);

  --border-subtle:    var(--gray-200);
  --border-strong:    var(--gray-300);
  --border-brand:     var(--red-600);
  --focus-ring:       var(--red-500);
}
