@import url('base/variables.css');
@import url('layout/app-shell.css');
@import url('components/navigation/sidebar.css');
@import url('components/navigation/topbar.css');
@import url('layout/dashboard-layout.css');
@import url('components/common/separators.css');
@import url('components/cards/card.css');
@import url('components/cards/health-card.css');
@import url('components/cards/workout-card.css');
@import url('components/cards/mind-card.css');
@import url('components/cards/focus-card.css');
@import url('components/cards/upcoming-card.css');
@import url('components/cards/insight-card.css');
@import url('components/cards/actions-card.css');
@import url('components/cards/goals-card.css');
@import url('components/cards/life-score-card.css');
@import url('components/navigation/search-bar.css');
@import url('components/feedback/progress-bars.css');
@import url('components/feedback/life-score-ring.css');
@import url('components/common/icons.css');
@import url('');
@import url('');
@import url('');
@import url('');
@import url('layout.css');
@import url('components.css');
@import url('base/animations.css');


* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background-color: var(--bg-base);
    color: var(--text-primary);
    font-family: var(--font-heading);
    overflow: hidden;
}

.main-content {
    padding: var(--content-padding);
    display: flex;
    flex-direction: column;
    gap:20px;
    margin-left: 40px;
} 

input {
    font-family: 'Myriad-reg';
    font-size: 14px;
    outline: none;
}

@font-face {
    font-family: 'Myriad';
    src: url('/assets/fonts/myriad-pro-bold-opentype-2_ufonts.com.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad-reg';
    src: url('/assets/fonts/MYRIADPRO-REGULAR.OTF') format('opentype');
    font-weight: normal;
    font-style: normal;
}