@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,500;0,700;1,400;1,700&display=swap");

:root {
    --scielo-white: #fff;
    --scielo-black: #000;
    --scielo-brand: #da202c;
    --scielo-bg: #fff;
    --scielo-bg-dark: #333;
    --scielo-text: #333;
    --scielo-text-emphasis: #00314c;
    --scielo-text-subtle: #6c6b6b;
    --scielo-interaction: #3867ce;
    --scielo-interaction-hover: #2b4fa0;
    --scielo-hover: rgba(0, 176, 230, 0.2);
    --scielo-positive: #2c9d45;
    --scielo-negative: #c63800;
    --scielo-warning: #b67f00;
    --scielo-info: #2195a9;
    --scielo-support-green: #30a47f;
    --scielo-support-purple: #6628ee;
    --scielo-support-yellow: #c38900;
    --scielo-support-blue: #25a2b7;
    --scielo-bg-gray-1: #f7f6f4;
    --scielo-bg-gray-2: #efeeec;
    --scielo-border: #ccc;
    --scielo-border-focus: rgba(56, 103, 206, 0.6);
    --scielo-focus: rgba(56, 103, 206, 0.25);
    --scielo-disabled: rgba(0, 0, 0, 0.396);
    --scielo-radius: 4px;
    --scielo-font: "Noto Sans", sans-serif;
    --scielo-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    --scielo-shadow-2: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}