/* ========================================================================
   LEDA CSS Variables & Base Styles
 ========================================================================== */

:root {
    /* LEDA Colors */
    --leda-white: #FFFFFF;
    --leda-black: #000000;
    --leda-font: #0D0D0D;
    --leda-red: #E3000E;
    --leda-silver: #C6CEDA;
    --leda-olive: #BFCABF;
    --leda-green: #DFE4DF;
    --leda-bg-grey: #E7E6DB;
    --leda-bg-blue-dark: #8FA1B5;
    --leda-line: #707070;

    /* Layout */
    --leda-viewport-max: 1920px;          /* Artboard/Viewport */
    --leda-container-width: 100rem;       /* 1600px - Content Container */
    --leda-container-padding: 8.75rem;    /* 140px - Seitliche Abstände */

    /* Grid  */
    --leda-grid-columns: 12;
    --leda-column-width: 6.1rem;          /* Kann angepasst werden */
    --leda-gutter: 0.8rem;

    /* Spacing */
    --section-margin: 7.2rem;
    --section-padding: 3.6rem;
}