/*
 * This file contains the global CSS for the application's theme.
 * Here you will find the general styles that affect the main structure,
 * including header, sidebar, subheader, and the content area.
 * It uses variables and reusable components to maintain visual consistency.
 */

@import './_variables.css';
@import './layout/index.css';
@import './card/index.css';
@import './form/index.css';
@import './button/index.css';
@import './modal/index.css';

.title-section {
    color: var(--qntax-color-body-text);
    font-size: 1.25rem;
    /* 20px */
    font-weight: 600;
}

.subtitle-section {
    color: var(--qntax-color-outline);
    font-size: 14px;
}

.ilustration-user {
    width: 100%;
    height: 200px;
    background-image: url('/img/ilustration-2.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.qtax-table {
    thead {
        color: var(--qntax-color-table-header-text);
        font-size: 14px;
    }
}