Initial RTL storefront with header, slider, product sections, and local image assets. Co-authored-by: Cursor <cursoragent@cursor.com>
61 lines
1.1 KiB
CSS
61 lines
1.1 KiB
CSS
@import "tailwindcss";
|
|
|
|
:root {
|
|
--primary: #2261fe;
|
|
--primary-hover: #1a52e0;
|
|
--navy: #002685;
|
|
--navy-deep: #001a5c;
|
|
--sky: #e8f0fe;
|
|
--mist: #f4f7fc;
|
|
--text: #1a2332;
|
|
--muted: #64748b;
|
|
--line: #e3eaf6;
|
|
--sale: #e11d48;
|
|
--ok: #0d9488;
|
|
}
|
|
|
|
@theme inline {
|
|
--color-primary: var(--primary);
|
|
--color-primary-hover: var(--primary-hover);
|
|
--color-navy: var(--navy);
|
|
--color-navy-deep: var(--navy-deep);
|
|
--color-sky: var(--sky);
|
|
--color-mist: var(--mist);
|
|
--color-ink: var(--text);
|
|
--color-muted: var(--muted);
|
|
--color-line: var(--line);
|
|
--color-sale: var(--sale);
|
|
--color-ok: var(--ok);
|
|
--font-sans: var(--font-vazir), Tahoma, sans-serif;
|
|
--font-latin: "Fredoka", var(--font-vazir), sans-serif;
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
body {
|
|
background: var(--mist);
|
|
color: var(--text);
|
|
font-family: var(--font-sans);
|
|
}
|
|
|
|
.font-latin {
|
|
font-family: var(--font-latin);
|
|
}
|
|
|
|
.no-scrollbar::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.no-scrollbar {
|
|
-ms-overflow-style: none;
|
|
scrollbar-width: none;
|
|
}
|
|
|
|
input,
|
|
button,
|
|
textarea {
|
|
font-family: inherit;
|
|
}
|