93 lines
2.5 KiB
CSS
93 lines
2.5 KiB
CSS
@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 {
|
|
|
|
}
|