/*
Theme Name: LBC
Theme URI: https://www.LBC.gov.pt/
Author: LBC
Author URI: https://lbc-global.com/
Description: 
Version: 1.0.014
*/

/** TODO: Implementar FOUNDATIONS **/
:root {
    --color-primary:  #C6133D;
    --color-secondary: #4F4F4F;
    --color-tertiary: #f8f9fa;
    --color-quaternary: #e9ecef;
    --color-success: #84bf41;
    --color-warning: #DE9B0D;
    --color-danger: #AA0029;
    --color-black: #000000;
    --color-white: #ffffff;

    /** TYPOGRAPHY **/
    --font-family-base: Lato, 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: 2.5rem;
    --title-1-font-weight: 700;
    --title-1-line-height: 1.2;

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

    --title-3-font-size: 1.5rem;
    --title-3-font-weight: 700;
    --title-3-line-height: 1.2;

    --title-4-font-size: 1.25rem;
    --title-4-font-weight: 700;
    --title-4-line-height: 1.2;

    --title-5-font-size: 1rem;
    --title-5-font-weight: 700;
    --title-5-line-height: 1.2;

    --title-6-font-size: 0.875rem;
    --title-6-font-weight: 700;
    --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: 0;
    --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;
}