85 lines
2.1 KiB
JavaScript
85 lines
2.1 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
||
module.exports = {
|
||
content: [
|
||
'./src/**/*.{html,ts,scss}',
|
||
],
|
||
theme: {
|
||
extend: {
|
||
colors: {
|
||
// Warmcreme – der Hintergrundton des Logos
|
||
cream: {
|
||
50: '#FDFCF9',
|
||
100: '#FAF8F4',
|
||
200: '#F5F1EA',
|
||
300: '#EDE5D8',
|
||
400: '#E2D8C8',
|
||
500: '#D4C9B5',
|
||
},
|
||
// Tinte – der Zeichenton des Logos (warmes Dunkelbraun/Charcoal)
|
||
ink: {
|
||
50: '#f5f1ee',
|
||
100: '#e8ddd6',
|
||
200: '#d0bcb0',
|
||
300: '#b39380',
|
||
400: '#956d58',
|
||
500: '#7a5440',
|
||
600: '#624030',
|
||
700: '#4e3226',
|
||
800: '#3a251c',
|
||
900: '#2C1E16',
|
||
},
|
||
primary: {
|
||
50: '#FAF8F4',
|
||
100: '#F2EDE3',
|
||
200: '#E5DAC8',
|
||
300: '#D4C3A6',
|
||
400: '#BEA880',
|
||
500: '#A68D64',
|
||
600: '#8A7355',
|
||
700: '#6E5740',
|
||
800: '#503D2E',
|
||
900: '#2C2420',
|
||
},
|
||
secondary: {
|
||
50: '#F7F5F2',
|
||
100: '#EFEDE8',
|
||
200: '#DDD8D0',
|
||
300: '#C7BEB0',
|
||
400: '#AEA08C',
|
||
500: '#9A8674',
|
||
600: '#8D7968',
|
||
700: '#756457',
|
||
800: '#61544A',
|
||
900: '#50463E',
|
||
},
|
||
accent: {
|
||
50: '#FDF8F6',
|
||
100: '#F2E8E5',
|
||
200: '#EAD7D0',
|
||
300: '#D8BEB4',
|
||
400: '#C0998E',
|
||
500: '#A87B6E',
|
||
600: '#8C6054',
|
||
700: '#724A40',
|
||
800: '#5A3830',
|
||
900: '#3D2520',
|
||
},
|
||
},
|
||
fontFamily: {
|
||
sans: ['Inter', 'system-ui', 'sans-serif'],
|
||
serif: ['Playfair Display', 'serif'],
|
||
script: ['Dancing Script', 'cursive'],
|
||
caps: ['Cormorant Garamond', 'serif'],
|
||
},
|
||
boxShadow: {
|
||
'botanical': '0 2px 12px 0 rgba(44, 36, 32, 0.08)',
|
||
'botanical-md': '0 4px 24px 0 rgba(44, 36, 32, 0.10)',
|
||
'botanical-lg': '0 8px 40px 0 rgba(44, 36, 32, 0.12)',
|
||
},
|
||
},
|
||
},
|
||
plugins: [
|
||
require('@tailwindcss/typography'),
|
||
],
|
||
}
|