80 lines
1.4 KiB
CSS
80 lines
1.4 KiB
CSS
@import "tailwindcss";
|
|
|
|
:root {
|
|
--brand: #e7432b;
|
|
--brand-dark: #c93621;
|
|
--ink: #161616;
|
|
--muted: #6c6363;
|
|
--line: #e4ddd8;
|
|
--paper: #f4f0ec;
|
|
--white: #ffffff;
|
|
}
|
|
|
|
@theme inline {
|
|
--color-brand: var(--brand);
|
|
--color-brand-dark: var(--brand-dark);
|
|
--color-ink: var(--ink);
|
|
--color-muted: var(--muted);
|
|
--color-line: var(--line);
|
|
--color-paper: var(--paper);
|
|
--font-sans: var(--font-vazir), Tahoma, sans-serif;
|
|
--font-latin: var(--font-montserrat), var(--font-vazir), sans-serif;
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
body {
|
|
background: var(--white);
|
|
color: var(--ink);
|
|
font-family: var(--font-sans);
|
|
}
|
|
|
|
::selection {
|
|
background: var(--brand);
|
|
color: #fff;
|
|
}
|
|
|
|
.font-latin {
|
|
font-family: var(--font-latin);
|
|
}
|
|
|
|
.section-kicker {
|
|
font-family: var(--font-latin);
|
|
font-size: 0.7rem;
|
|
font-weight: 700;
|
|
letter-spacing: 0.32em;
|
|
text-transform: uppercase;
|
|
color: var(--brand);
|
|
}
|
|
|
|
.glass-box,
|
|
.caption-card {
|
|
background: rgb(255 255 255 / 0.18);
|
|
border: 1px solid rgb(255 255 255 / 0.72);
|
|
box-shadow:
|
|
inset 0 1px 0 rgb(255 255 255 / 0.9),
|
|
0 12px 32px rgb(0 0 0 / 0.1);
|
|
border-radius: 1rem;
|
|
}
|
|
|
|
.image-mask {
|
|
background: rgb(22 22 22 / 0.55);
|
|
}
|
|
|
|
.no-scrollbar::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.no-scrollbar {
|
|
-ms-overflow-style: none;
|
|
scrollbar-width: none;
|
|
}
|
|
|
|
input,
|
|
textarea,
|
|
button {
|
|
font-family: inherit;
|
|
}
|