kirukib
fce0149b1a
Add medication Items catalogue, counter POS/QR purchase, profile/login, detail pages, loyalty ledger, Cmd+K nav, KPI strips/charts, avatars, and i18n; document the new APIs and open questions for the shared backend team. Co-authored-by: Cursor <cursoragent@cursor.com>
87 lines
2.4 KiB
JavaScript
87 lines
2.4 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
darkMode: ['class'],
|
|
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['"Plus Jakarta Sans"', '"Noto Sans Ethiopic"', 'ui-sans-serif', 'system-ui', 'sans-serif'],
|
|
display: ['Sora', '"Noto Sans Ethiopic"', 'ui-sans-serif', 'system-ui', 'sans-serif'],
|
|
},
|
|
colors: {
|
|
border: 'hsl(var(--border))',
|
|
input: 'hsl(var(--input))',
|
|
ring: 'hsl(var(--ring))',
|
|
background: 'hsl(var(--background))',
|
|
foreground: 'hsl(var(--foreground))',
|
|
primary: {
|
|
DEFAULT: 'hsl(var(--primary))',
|
|
foreground: 'hsl(var(--primary-foreground))',
|
|
},
|
|
secondary: {
|
|
DEFAULT: 'hsl(var(--secondary))',
|
|
foreground: 'hsl(var(--secondary-foreground))',
|
|
},
|
|
muted: {
|
|
DEFAULT: 'hsl(var(--muted))',
|
|
foreground: 'hsl(var(--muted-foreground))',
|
|
},
|
|
accent: {
|
|
DEFAULT: 'hsl(var(--accent))',
|
|
foreground: 'hsl(var(--accent-foreground))',
|
|
},
|
|
destructive: {
|
|
DEFAULT: 'hsl(var(--destructive))',
|
|
foreground: 'hsl(var(--destructive-foreground))',
|
|
},
|
|
card: {
|
|
DEFAULT: 'hsl(var(--card))',
|
|
foreground: 'hsl(var(--card-foreground))',
|
|
},
|
|
popover: {
|
|
DEFAULT: 'hsl(var(--popover))',
|
|
foreground: 'hsl(var(--popover-foreground))',
|
|
},
|
|
brand: {
|
|
50: '#F4F8E4',
|
|
100: '#E8F0C4',
|
|
200: '#D4E48A',
|
|
300: '#C0D65A',
|
|
400: '#B4CE45',
|
|
500: '#A8C73A',
|
|
600: '#8FAD2F',
|
|
700: '#768F28',
|
|
},
|
|
forest: {
|
|
DEFAULT: '#141414',
|
|
deep: '#0A0A0A',
|
|
ink: '#111111',
|
|
},
|
|
cream: '#F6F7F2',
|
|
orange: {
|
|
DEFAULT: '#E28A1A',
|
|
deep: '#C97310',
|
|
},
|
|
grayScale: {
|
|
50: '#FFFFFF',
|
|
100: '#F6F7F2',
|
|
200: '#E2E5D8',
|
|
300: '#C5C9B8',
|
|
400: '#9A9E90',
|
|
500: '#5C5F56',
|
|
600: '#3D4038',
|
|
},
|
|
},
|
|
borderRadius: {
|
|
lg: 'var(--radius)',
|
|
md: 'calc(var(--radius) - 2px)',
|
|
sm: 'calc(var(--radius) - 4px)',
|
|
},
|
|
boxShadow: {
|
|
soft: '0 8px 24px rgba(0,0,0,0.06)',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|