37 lines
957 B
CSS
37 lines
957 B
CSS
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
|
|
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
:root {
|
|
--canvas: 0 0% 100%; /* #ffffff */
|
|
--ink: 0 0% 13.3%; /* #222222 */
|
|
--body: 0 0% 24.7%; /* #3f3f3f */
|
|
--muted: 0 0% 41.6%; /* #6a6a6a */
|
|
--muted-soft: 0 0% 57.3%; /* #929292 */
|
|
|
|
--primary: 349 100% 60.2%; /* #ff385c */
|
|
--primary-active: 349 100% 46.1%; /* #e00b41 */
|
|
--primary-disabled: 349 100% 90.8%; /* #ffd1da */
|
|
--on-primary: 0 0% 100%;
|
|
|
|
--hairline: 0 0% 86.7%; /* #dddddd */
|
|
--hairline-soft: 0 0% 92.2%; /* #ebebeb */
|
|
|
|
--surface-soft: 0 0% 96.9%; /* #f7f7f7 */
|
|
--surface-card: 0 0% 100%; /* #ffffff */
|
|
}
|
|
|
|
body {
|
|
@apply bg-canvas text-body antialiased;
|
|
}
|
|
}
|
|
|
|
@layer components {
|
|
.container-full {
|
|
@apply w-full max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8;
|
|
}
|
|
}
|