/* Chart Industries — Light theme.
   Tokens copied directly from uireferenceapp's chart-light.css to keep parity. */

:root,
[data-theme="chart-light"] {
    /* Brand palette */
    --chart-blue:         #004785;
    --chart-tonal-blue:   #0B5DA5;
    --chart-sky:          #33A3DC;
    --chart-sky-hover:    #1B92CE;
    --chart-orange:       #F9A63F;
    --chart-orange-hover: #F09320;
    --chart-green:        #9DC335;
    --chart-green-hover:  #8DB819;
    --chart-grey:         #575757;
    --chart-grey-hover:   #8C8C8C;

    /* Fonts */
    --app-font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --brand-font-mono: 'Source Code Pro', monospace;

    /* Semantic tokens */
    --nav-bg:             var(--chart-tonal-blue);
    --nav-text:           #ffffff;
    --nav-hover:          var(--chart-tonal-blue);

    --page-bg:            #edf1f7;
    --card-bg:            #ffffff;
    --card-border:        #D0D0D0;

    --text-primary:       var(--chart-grey);
    --text-secondary:     var(--chart-grey);
    --text-muted:         var(--chart-grey-hover);

    --btn-primary-bg:     var(--chart-blue);
    --btn-primary-hover:  var(--chart-tonal-blue);
    --btn-primary-text:   #ffffff;

    --table-header-bg:    var(--chart-tonal-blue);
    --table-header-text:  #ffffff;
    --table-row-hover:    #c5d9f0;
    --table-border:       #D0D0D0;
    --table-stripe:       #edf1f7;

    --input-bg:           #e0e8f2;
    --input-border:       #D0D0D0;
    --input-focus-border: var(--chart-sky);
    --input-text:         var(--chart-grey);

    --badge-bg:           var(--chart-sky);
    --badge-text:         #ffffff;

    --link-color:         var(--chart-tonal-blue);
    --link-hover:         var(--chart-blue);

    --dropdown-bg:        #ffffff;
    --dropdown-hover:     #edf1f7;
    --dropdown-border:    #D0D0D0;

    --shadow-sm:          0 1px 3px rgba(0, 71, 133, 0.08);
    --shadow-md:          0 4px 12px rgba(0, 71, 133, 0.12);

    --modal-header-bg:    var(--chart-tonal-blue);
    --modal-header-text:  #ffffff;
    --modal-close-filter: brightness(0) invert(1);

    --selection-bg:       #0B5DA5;
    --selection-text:     #ffffff;

    --logo-height:        45px;
}