/* Houston Works — Color tokens
   Base palette derived from the brand isotype blue (#0E40FF) sampled directly
   from Isotipo-HW.png, extended with a neutral ink/paper scale and a small
   set of semantic aliases. The brand is deliberately monochrome-plus-blue —
   resist introducing new hues; use the neutral scale for everything else. */

:root {
  /* ---- Base: brand blue ---- */
  --blue-50:  #EEF1FF;
  --blue-100: #DCE4FF;
  --blue-200: #B8C9FF;
  --blue-300: #8FA8FF;
  --blue-400: #5C7CFF;
  --blue-500: #2D55FF;
  --blue-600: #0E40FF; /* brand primary — sampled from isotype */
  --blue-700: #0B32CC;
  --blue-800: #0A2899;
  --blue-900: #081C6B;

  /* ---- Base: ink / neutrals ---- */
  --ink-950: #08090D;
  --ink-900: #101218;
  --ink-800: #1C1F29;
  --ink-700: #2E323F;
  --ink-600: #4A4F5E;
  --ink-500: #6B7080;
  --ink-400: #9498A6;
  --ink-300: #BCC0CC;
  --ink-200: #DEE0E6;
  --ink-100: #EEF0F3;
  --ink-50:  #F6F7F9;
  --paper:   #FFFFFF;

  /* ---- Semantic aliases ---- */
  --color-bg:            var(--paper);
  --color-bg-sunken:     var(--ink-50);
  --color-bg-inverse:    var(--ink-950);
  --color-surface:       var(--paper);
  --color-surface-tint:  var(--blue-50);

  --color-text-primary:   var(--ink-950);
  --color-text-secondary: var(--ink-600);
  --color-text-muted:     var(--ink-400);
  --color-text-inverse:   var(--paper);
  --color-text-on-brand:  var(--paper);

  --color-brand:          var(--blue-600);
  --color-brand-hover:    var(--blue-700);
  --color-brand-active:   var(--blue-800);
  --color-brand-tint:     var(--blue-50);
  --color-brand-tint-2:   var(--blue-100);

  --color-border:         var(--ink-200);
  --color-border-strong:  var(--ink-950);
  --color-border-brand:   var(--blue-600);

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

  --color-success: #147A4C;
  --color-warning: #B4740E;
  --color-danger:  #C22B2B;

  /* Links */
  --color-link: var(--blue-600);
  --color-link-hover: var(--blue-800);
}