/*
 * lpm_value.css
 * Theme variable file for the default light LPM appearance. The runtime CSS
 * reads these custom properties so colors, images, spacing, and table styling
 * can be adjusted without changing JavaScript or C# code.
 *
 * Function list:
 * - :root header variables: Header colors, height, logo, and title positioning.
 * - :root footer variables: Footer colors, spacing, and typography.
 * - :root table variables: Alternating row colors, borders, and rounded cells.
 * - :root popup variables: Shared edit dialog and runtime surface values.
 */
:root {
   /*header*/
        --header-background-color: #44474e;
        --header-height: 111px;
        --header-logo: url(../img/zc_head.png);
        
        --header-headline-left: 300px;
        --header-headline-width: 50%;
        --header-headline-color:white;
        --header-headline-top:15px;
        --header-headline-fontsize:17px;

        --header-button-right:10px;
        

   /*footer*/
        --footer-background-color: #44474e;
        --footer-height: 40px;
        --footer-color:white;
        --footer-fontsize:15px;
        --footer-padding-top: 3px;
        --footer-padding-right: 10px;


   /*main*/
        --main-background-color:white;
        --main-font-color:black;
        --main-padding: 3px;


   /*PopUp*/

   /*Bubble*/

   /*Table*/
     --table-color: rgb(0,0,0);
     --table-background-color-odd: #8EC9C1;
     --table-background-color-even: rgb(220,220,220);
     --table-border-radius: 5px;


   /*Edit*/
     --edit-font-size:13px;
     --edit-font-weight:bold;
     --edit-font-color:black;
     --edit-font-color-error: #c10000;

     --edit-font-family: 'open_sansregular', Arial, sans-serif;
     --edit-border: 1px solid #999;
     --edit-border-radius: 4px;
     --edit-padding: 4px;
     --edit-box-sizing: content-box;

  }
  
  /* Dark Theme */
  [data-theme="dark"] {
    --bg-color: #1e1e1e;
    --text-color: #f0f0f0;
    --accent-color: #3399ff;
    --table-row-odd: #2c2c2c;
    --table-row-even: #1e1e1e;
  }