compro-mit/public/style/globals.css
2026-09-24 10:25:15 +07:00

63 lines
1.2 KiB
CSS

@import "tailwindcss";
@theme {
--color-secondary-400: #f7a01f;
--color-secondary-100: #feecc7;
--color-secondary-200: #fcd78b;
--color-secondary-hover: #f3810d;
--color-primary-800: #2852a3;
--color-primary-600: #337add;
--color-primary-100: #deedfb;
--color-primary-200: #c4e1f9;
--color-primary-50: #f0f7fe;
--color-primary-surface: #f0f7fe;
--color-primary-hover: #264781;
--color-primary-default: #2953a4;
--color-title: #020618;
--color-subtitle: #45556c;
--color-body: #62748e;
--color-border: #e2e8f0;
--color-subtle: #f1f5f9;
--color-surface: #f8fafc;
}
:root {
--font-open-sauce-one: "Open Sauce One", system-ui, sans-serif;
}
body {
font-family: var(--font-open-sauce-one);
}
html {
scroll-behavior: smooth;
}
ul {
list-style-type: disc;
list-style-position: outside;
padding-left: 16px;
}
table {
border-collapse: separate;
border-spacing: 0;
border: 1px solid #e2e8f0;
border-radius: 12px;
overflow: hidden;
}
td {
padding: 12px;
}
.primary-button {
@apply bg-white p-2 flex gap-3 items-center justify-center text-title font-semibold w-fit cursor-pointer;
}
.card {
@apply rounded-xl border bg-white border-border flex;
}