@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";

  --color-dabeeo-blue: #2768ff;
  --color-dabeeo-red: #ff0000;
  --color-dabeeo-yellow: #fffce8;

  /* 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;

  /* Green */
  --color-dabeeo-green-main: #1b8466;
  --color-dabeeo-green-secondary: #125a46;
  --color-dabeeo-green-tertiary: #89bea7;
  --color-dabeeo-green-tertiary01: #d1e6e1;
  --color-dabeeo-green-tertiary02: #ebf2f0;

  /* Orange */
  --color-dabeeo-orange-main: #ff7937;
  --color-dabeeo-orange-secondary: #c14b11;
  --color-dabeeo-orange-tertiary01: #fff2eb;
  --color-dabeeo-orange-tertiary02: #ffe4d7;

  /* Yellow */
  --color-dabeeo-yellow-main: #ffb724;
  --color-dabeeo-yellow-secondary: #fffce8;

  /* 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;

  --color-dabeeo-black-22: #222222;
  --color-dabeeo-black-34: #343434;
  --color-dabeeo-black-47: #475954;
  --color-dabeeo-black-2a: #2a2e35;
  --color-dabeeo-black-4d: #4d5562;
}

html,
body {

}
