merk-mobile/src/styles/global.css
2026-01-22 22:12:34 +09:00

72 lines
1.3 KiB
CSS

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
:root {
/* Background */
--bg-gradient: linear-gradient(163deg, #010306 0.81%, #091A3F 100%);
--bg-input: #1C2542;
/* Colors */
--color-primary: #FFFFFF;
--color-error: #BF151B;
--color-error-text: #FF0000;
--color-success: #17A200;
/* Text */
--text-primary: #FFFFFF;
--text-placeholder: #D1D9FF;
--text-secondary: rgba(255, 255, 255, 0.8);
--text-gray: #686868;
/* Button */
--btn-primary: #000000;
/* Menu */
--bg-menu: #FFFFFF;
--text-menu-primary: #000000;
--text-menu-secondary: #686868;
--border-menu: #E5E5E5;
/* Border radius */
--radius: 8px;
/* Font */
--font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body {
width: 100%;
height: 100%;
font-family: var(--font-family);
font-size: 16px;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#root {
width: 100%;
height: 100%;
}
input, button {
font-family: inherit;
font-size: inherit;
}
button {
cursor: pointer;
border: none;
outline: none;
}
a {
text-decoration: none;
color: inherit;
}