Automatisch css in css einbinden mit Hilfe function php (Eigene Entwicklung)

Hallo,

Ich habe momentan richtig Spass mit Hilfe von tutorials etwas zu bauen :D

ich baue mir gerade ein eigenes Theme ich bin auch fast fertig, ich habe nur ein frage und wollte erstmal fragen ob es möglich ist.

Also es geht um folgendes man kann über Design --> Anpassung --> die Farben nach wünschen ändern.
Das ist gewollt so es funktioniert auch prima.

jetzt zu meine Frage:
Die veränderten Farben werden in den Head geladen, kann ich es so Einstellen oder ist sowas überhaupt möglich das die geänderten Farbeinstellungen in z.B custom.css geladen werden können ?

Ich frag das deshalb ich würde gerne die css daten nicht im Head haben sondern das es extern geladen wird, ich möchte gerne das css und php getrennt wären, ist das möglich?

Das ist mein code:

function x1_customize_register( $wp_customize ) {
        
        
        
                        $wp_customize->add_setting(
    'navbar_default_color', array(
    'default' => ''
    )
    );
    $wp_customize->add_control(
    new WP_Customize_Color_Control(
    $wp_customize, 'navbar_default_color', array(
    'label' => __('Leiste Header (volle Breite 100%)', 'x1'),
    'section' => 'colors',
    'settings' => 'navbar_default_color')
    )
    );


    add_action( 'customize_register', 'x1_customize_register' );
    


function x1_customize_css(){ ?>
<style type="text/css">






.navbar-default .navbar-nav > .active > a, .navbar-default  .navbar-nav > .active > a:hover, .navbar-default .navbar-nav >  .active > a:focus {
 color: <?php echo get_theme_mod('nav_link_color');
 ?>;
}


</style>


<?php }
    
    add_action('wp_head', 'x1_customize_css');


?>

Wie man sehen kann add acction ist bei wp_head somit ladet es selbstverständlich in den Head Bereich.

Ich hab diesen Artikel gefunden : https://paulund.co.uk/add-stylesheets-to-wordpress-correctly
aber ich glaub das ist was ganz anderes....

Im Anhang ist noch ein Bild

An Alle ein großes Dankeschön jetzt schonmal

MfG