@import "tailwindcss";

@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-style: normal;
  src: url("~/shared/assets/fonts/Pretendard-Regular.subset.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-style: normal;
  src: url("~/shared/assets/fonts/Pretendard-Medium.subset.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-style: normal;
  src: url("~/shared/assets/fonts/Pretendard-SemiBold.subset.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-style: normal;
  src: url("~/shared/assets/fonts/Pretendard-Bold.subset.woff") format("woff");
  font-display: swap;
}

@theme {
  --font-sans: "Pretendard", ui-sans-serif, system-ui, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  /* Primary (Navy) */
  --color-primary: var(--color-dabeeo-navy-main);
  --color-primary-secondary: var(--color-dabeeo-navy-secondary);
  --color-primary-tertiary: var(--color-dabeeo-navy-tertiary);
  --color-primary-tertiary01: var(--color-dabeeo-navy-tertiary01);
  --color-primary-tertiary02: var(--color-dabeeo-navy-tertiary02);

  /* Navy */
  --color-dabeeo-navy-main: #00387d;
  --color-dabeeo-navy-secondary: #032651;
  --color-dabeeo-navy-tertiary: #5c84b4;
  --color-dabeeo-navy-tertiary01: #d4dde9;
  --color-dabeeo-navy-tertiary02: #f0f3f7;

  /* Gray */
  --color-dabeeo-gray-44: #444444;
  --color-dabeeo-gray-99: #999999;
  --color-dabeeo-gray-be: #bebebe;
  --color-dabeeo-gray-da: #dadada;
  --color-dabeeo-gray-eb: #ebebeb;
  --color-dabeeo-gray-f9: #f9f9f9;
}

html,
body {

}
