@import url("components/navbar.css");
@import url("components/navbar-mobile.css") screen and (max-width: 1299px);

html,
body {
    height: 100vh;
    margin: 0;
    font-family: Inter var, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

body {
    display: flex;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

.content>p {
    font-weight: normal;
}

/* Color theme */
.dark .cg-theme {
  --ugb-color-btn-text: rgb(33, 33, 33);
  --ugb-color-btn-text-disabled: rgb(124, 124, 124);
  --ugb-color-btn-helpers: rgb(255, 255, 255);
  --ugb-color-btn-helpers-hover: rgb(241, 241, 241);
  --ugb-color-bg-sidenav: rgb(33, 33, 33);
  --ugb-color-disabled: rgb(184, 184, 184);

  --ugb-color-text: rgb(250, 250, 250);
  --ugb-color-bg-graph: rgb(54, 54, 54);
  --ugb-color-bg-secondary-elements: rgba(241, 241, 241, 0.15);
  --ugb-color-primary: rgb(255, 255, 255);
  --ugb-color-on-primary: rgb(33, 33, 33);
  --ugb-color-primary-hover: rgba(255, 255, 255, 0.75);
  --ugb-color-secondary: rgb(54, 54, 54);
  --ugb-color-on-secondary: rgb(255, 255, 255);
  --ugb-color-secondary-hover: rgb(255, 255, 255);

  --ugb-color-info-table-even: rgba(241, 241, 241, 0.15);
  --ugb-color-info-table-hover: rgba(245, 168, 28, 0.25);
  --ugb-color-info-key: rgb(255, 255, 255);

  --ugb-shadow: rgba(189, 189, 189, 0.15) 0px 2px 6px 2px, rgba(177, 177, 177, 0.3) 0px 1px 2px 0px;
  --ugb-shadow-small: rgba(189, 189, 189, 0.13) 0px 0px 1px 1px, rgba(190, 190, 190, 0.25) 0px 1px 1px;
}

.cg-theme {
    --ugb-border-radius: 1rem;
    --ugb-input-border-radius: 1rem;

    --ugb-color-info-key: rgb(209, 127, 28);

    --ugb-color-bg-graph: rgb(237, 242, 247);
    --ugb-color-disabled: rgb(203, 213, 224);

    --ugb-color-primary: rgb(1, 89, 157);
    --ugb-color-primary-hover: rgb(0, 66, 117);
    --ugb-color-secondary: rgb(114, 119, 124);
    --ugb-color-secondary-hover: rgb(99, 102, 105);

    --ugb-color-info-table-even: rgb(237, 242, 247);
    --ugb-color-info-table-hover: rgb(255, 250, 240);
}

.ma-modal {
  color: var(--ugb-color-text);
}

.btn-leia-mais {
    border: 1px #3c43a6 solid;
    padding: 2px 18px;
    border-radius: 1.23rem;
    font-size: 20px;
}

.container-btn {
    display: flex; 
    justify-content: center;
    margin-top: 12px;
}
.markdown .header-link:visited, 
.markdown .header-link {
   color: #1c1c1c;
}

/* font-size different screens */

@media (max-width: 480px) {
    body {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    body {
        font-size: 15px;
    }
}

@media (min-width: 992px) {
    body {
        font-size: 14px;
    }
}