🧰 Story 1.2: configuration tailwind

2026-02-04 15:24:08 +01:00
parent e3f062249b
commit e1395a235e
10 changed files with 1455 additions and 37 deletions
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -0,0 +1,55 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    './*.php',
+    './pages/**/*.php',
+    './templates/**/*.php',
+    './assets/js/**/*.js'
+  ],
+  theme: {
+    extend: {
+      colors: {
+        primary: {
+          DEFAULT: '#FA784F',
+          light: '#FB9570',
+          dark: '#E5623A',
+        },
+        background: '#17171F',
+        surface: {
+          DEFAULT: '#1E1E28',
+          light: '#2A2A36',
+        },
+        border: '#3A3A48',
+        text: {
+          primary: '#F5F5F7',
+          secondary: '#A1A1AA',
+          muted: '#71717A',
+        },
+        success: '#34D399',
+        warning: '#FBBF24',
+        error: '#F87171',
+        info: '#60A5FA',
+      },
+      fontFamily: {
+        sans: ['Inter', 'system-ui', 'sans-serif'],
+        mono: ['JetBrains Mono', 'monospace'],
+      },
+      fontSize: {
+        display: ['2.5rem', { lineHeight: '1.2', fontWeight: '700' }],
+        heading: ['2rem', { lineHeight: '1.3', fontWeight: '600' }],
+        subheading: ['1.5rem', { lineHeight: '1.4', fontWeight: '600' }],
+        body: ['1rem', { lineHeight: '1.6', fontWeight: '400' }],
+        small: ['0.875rem', { lineHeight: '1.5', fontWeight: '400' }],
+      },
+      maxWidth: {
+        content: '1280px',
+      },
+      boxShadow: {
+        card: '0 4px 20px rgba(0, 0, 0, 0.25)',
+        'card-hover': '0 10px 40px rgba(0, 0, 0, 0.3)',
+        'input-focus': '0 0 0 3px rgba(250, 120, 79, 0.2)',
+      },
+    },
+  },
+  plugins: [],
+}