2026-04-21 22:20:39 +06:00
|
|
|
@import "tailwindcss";
|
|
|
|
|
|
|
|
|
|
:root {
|
2026-04-22 01:02:45 +06:00
|
|
|
--background: #F8FAFC;
|
|
|
|
|
--foreground: #1E293B;
|
|
|
|
|
--accent: #065F46;
|
|
|
|
|
--accent-dark: #064e25;
|
|
|
|
|
--accent-light: #ecfdf5;
|
|
|
|
|
--secondary: #1D4ED8;
|
|
|
|
|
--secondary-light: #DBEAFE;
|
|
|
|
|
--biker: #1D4ED8;
|
|
|
|
|
--biker-light: #DBEAFE;
|
|
|
|
|
--shop: #DC2626;
|
|
|
|
|
--shop-light: #FEE2E2;
|
|
|
|
|
--investor: #7C3AED;
|
|
|
|
|
--investor-light: #EDE9FE;
|
|
|
|
|
--admin: #059669;
|
|
|
|
|
--admin-light: #D1FAE5;
|
|
|
|
|
--accountant: #0E7490;
|
|
|
|
|
--accountant-light: #CFFAFE;
|
|
|
|
|
--staff: #D97706;
|
|
|
|
|
--staff-light: #FEF3C7;
|
|
|
|
|
--manager: #EA580C;
|
|
|
|
|
--manager-light: #FFEDD5;
|
|
|
|
|
--merchant: #BE185D;
|
|
|
|
|
--merchant-light: #FCE7F3;
|
2026-04-21 22:20:39 +06:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@theme inline {
|
|
|
|
|
--color-background: var(--background);
|
|
|
|
|
--color-foreground: var(--foreground);
|
2026-04-22 01:02:45 +06:00
|
|
|
--color-accent: var(--accent);
|
|
|
|
|
--color-accent-dark: var(--accent-dark);
|
|
|
|
|
--color-accent-light: var(--accent-light);
|
|
|
|
|
--color-secondary: var(--secondary);
|
|
|
|
|
--color-secondary-light: var(--secondary-light);
|
|
|
|
|
--color-biker: var(--biker);
|
|
|
|
|
--color-biker-light: var(--biker-light);
|
|
|
|
|
--color-shop: var(--shop);
|
|
|
|
|
--color-shop-light: var(--shop-light);
|
|
|
|
|
--color-investor: var(--investor);
|
|
|
|
|
--color-investor-light: var(--investor-light);
|
|
|
|
|
--color-admin: var(--admin);
|
|
|
|
|
--color-admin-light: var(--admin-light);
|
|
|
|
|
--color-accountant: var(--accountant);
|
|
|
|
|
--color-accountant-light: var(--accountant-light);
|
|
|
|
|
--color-staff: var(--staff);
|
|
|
|
|
--color-staff-light: var(--staff-light);
|
|
|
|
|
--color-manager: var(--manager);
|
|
|
|
|
--color-manager-light: var(--manager-light);
|
|
|
|
|
--color-merchant: var(--merchant);
|
|
|
|
|
--color-merchant-light: var(--merchant-light);
|
|
|
|
|
--font-sans: Inter, system-ui, sans-serif;
|
|
|
|
|
--radius-sm: 6px;
|
|
|
|
|
--radius-md: 8px;
|
|
|
|
|
--radius-lg: 12px;
|
|
|
|
|
--radius-xl: 16px;
|
2026-04-21 22:20:39 +06:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
background: var(--background);
|
|
|
|
|
color: var(--foreground);
|
2026-04-22 01:02:45 +06:00
|
|
|
font-family: Inter, system-ui, sans-serif;
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
|
}
|
