/* ===========================
   FONT IMPORT (Dùng chung)
   =========================== */
@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@100;200;300;400;500;600;700;800;900;1000&display=swap";
@import "https://fonts.googleapis.com/css2?family=Wix+Madefor+Text:wght@400;500;600;700;800;1000&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inclusive+Sans:wght@400;500;600;700;800;900;1000&display=swap";
@import "https://fonts.googleapis.com/css2?family=AR+One+Sans:wght@400;500;600;700;800;1000&display=swap";

@layer properties {
  :root {
    --font-sans: "Inclusive Sans", sans-serif;
    --text-base: 16px;
    --color-hura: #0041e8;
    --color-header: #002bb5;
    --text-base--line-height: 1.5;
  }
}

@layer base {
  html,
  body {
    font-family: var(--font-sans);
    font-size: var(--text-base);
    line-height: var(--text-base--line-height);
  }
  * {
    box-sizing: border-box;
  }
}

@layer components {
  .btn-active {
    --btn-bg: var(--color-hura);
    --btn-fg: #ffffff;
    --btn-border: var(--color-hura);
  }
  .btn-active:hover {
    --btn-bg: #002bb5;
    --btn-border: #002bb5;
  }
}