/* Felix Consulting — Color tokens
   Sampled from the brand logo: deep navy #071B3B, amber #FEC53D, light #F5F8FB */
:root {
  /* --- Navy (primary / ink) --- */
  --navy-900: #050F22;
  --navy-800: #071B3B; /* brand navy — logo background */
  --navy-700: #0D2952;
  --navy-600: #16386A;
  --navy-500: #244F7F;
  --navy-400: #3E6EA0;

  /* --- Amber (accent) --- */
  --amber-600: #E9AE20;
  --amber-500: #FEC53D; /* brand amber — logo square */
  --amber-400: #FFD470;
  --amber-100: #FFF3D4;

  /* --- Neutrals --- */
  --white: #FFFFFF;
  --paper: #F5F8FB;  /* light logo background */
  --mist:  #EAF0F6;
  --cloud: #DCE4EC;  /* hairlines / borders */
  --slate-300: #B4C0CE;
  --slate-500: #5A6B82; /* muted text */
  --slate-600: #45566E;
  --slate-700: #2C3B54; /* body text */

  /* --- Semantic (feedback) --- */
  --success: #1E9E6A;
  --warning: #E9AE20;
  --danger:  #D64545;
  --info:    #244F7F;

  /* --- Semantic aliases --- */
  --brand:            var(--navy-800);
  --accent:           var(--amber-500);
  --accent-strong:    var(--amber-600);

  --text-strong:      var(--navy-800);
  --text-body:        var(--slate-700);
  --text-muted:       var(--slate-500);
  --text-on-brand:    var(--paper);
  --text-on-accent:   var(--navy-800);

  --surface-page:     var(--white);
  --surface-subtle:   var(--paper);
  --surface-card:     var(--white);
  --surface-brand:    var(--navy-800);
  --surface-brand-2:  var(--navy-700);

  --border:           var(--cloud);
  --border-strong:    var(--slate-300);
  --focus-ring:       var(--amber-500);
}