/*
Theme Name: LBC
Theme URI: https://lbc-global.com/
Author: LBC
Author URI: https://lbc-global.com/
Description: 
Version: 1.0.010
*/

/** TODO: Implementar FOUNDATIONS **/
:root {
    --color-primary:  #067a96;
    --color-primary-800: #04576b;
    --color-secondary: #67c0c2;
    --color-tertiary: #010F3E;
    --color-quaternary: #e9ecef;
    --color-success: #29b574;
    --color-warning: #f3a21f;
    --color-danger: #AA0029;
    --color-black: #000000;
    --color-white: #ffffff;

    /** TYPOGRAPHY **/
    --font-family-base: "Open Sans", sans-serif;
    --font-size-base: 18px;
    --font-weight-normal: 400;
    --font-weight-bold: 700;

    /** TYPOGRAPHY SIZES **/
    --title-font-family: var(--font-family-base);
    
    --title-1-font-size: 3.81rem;
    --title-1-font-weight: 500;
    --title-1-line-height: 1.2;

    --title-2-font-size: 3.052rem;
    --title-2-font-weight: 500;
    --title-2-line-height: 1.2;

    --title-3-font-size: 2.441rem;
    --title-3-font-weight: 500;
    --title-3-line-height: 1.2;

    --title-4-font-size: 1.953rem;
    --title-4-font-weight: 500;
    --title-4-line-height: 1.2;

    --title-5-font-size: 1.562rem;
    --title-5-font-weight: 500;
    --title-5-line-height: 1.2;

    --title-6-font-size: 1.25rem;
    --title-6-font-weight: 500;
    --title-6-line-height: 1.2;

    --text-font-family: var(--font-family-base);
    /*--text-base-font-size: 1rem;*/
    --text-base-font-weight: 400;
    --text-base-line-height: 1.5;

    --text-sm-font-size: 0.875rem;
    --text-sm-font-weight: 400;
    --text-sm-line-height: 1.5;

    /** SPACING **/
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;

    /** CONTAINERS BORDER RADIUS **/
    --container-border-radius-sm: 4px;
    --container-border-radius-md: 8px;
    --container-border-radius-lg: 12px;
    --container-border-radius-xl: 16px;

    /** COMPONENTS BORDER-RADIUS **/
    --component-border-radius: 4px;
    --component-border-radius-sm: 4px;
    --component-border-radius-md: 8px;
    --component-border-radius-lg: 12px;
    --component-border-radius-xl: 16px;

    /** INPUTS BORDER-RADIUS **/
    --input-border-radius-sm: 4px;
    --input-border-radius-md: 8px;
    --input-border-radius-lg: 12px;
    --input-border-radius-xl: 16px;
}