75 lines
1.9 KiB
TypeScript
75 lines
1.9 KiB
TypeScript
import type { Config } from "tailwindcss";
|
|
|
|
/**
|
|
* Tokens de marca 4Ventures (brandbook):
|
|
* Midnight #07101E · Burnt Orange #FF5D00 · Mint #F0FCF0 · Mist #B1C3CD
|
|
* Un solo acento (naranja). La jerarquía se construye con tono, no con sombras.
|
|
*/
|
|
const config: Config = {
|
|
darkMode: ["class"],
|
|
content: [
|
|
"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ["var(--font-sans)", "ui-sans-serif", "system-ui", "sans-serif"],
|
|
display: ["var(--font-display)", "Georgia", "serif"],
|
|
},
|
|
colors: {
|
|
background: "var(--background)",
|
|
card: "var(--card)",
|
|
sidebar: "var(--sidebar)",
|
|
border: "var(--border)",
|
|
ink: {
|
|
DEFAULT: "#07101E",
|
|
soft: "#2B3744",
|
|
muted: "#5B6B78",
|
|
faint: "#8A99A6",
|
|
},
|
|
mist: {
|
|
50: "#F6F8F7",
|
|
100: "#EEF2F1",
|
|
200: "#DCE4E8",
|
|
300: "#B1C3CD",
|
|
400: "#8FA4B1",
|
|
},
|
|
mint: {
|
|
DEFAULT: "#F0FCF0",
|
|
200: "#D9F3DA",
|
|
},
|
|
brand: {
|
|
50: "#FFF1E8",
|
|
100: "#FFE0CC",
|
|
200: "#FFC4A0",
|
|
400: "#FF7A2E",
|
|
500: "#FF5D00",
|
|
600: "#E04F00",
|
|
700: "#B84100",
|
|
},
|
|
},
|
|
borderRadius: {
|
|
DEFAULT: "12px",
|
|
sm: "8px",
|
|
md: "10px",
|
|
lg: "12px",
|
|
xl: "12px",
|
|
"2xl": "16px",
|
|
"3xl": "20px",
|
|
},
|
|
boxShadow: {
|
|
sm: "0 1px 0 0 rgba(7, 16, 30, 0.04)",
|
|
DEFAULT: "0 1px 2px 0 rgba(7, 16, 30, 0.06)",
|
|
md: "0 2px 8px -2px rgba(7, 16, 30, 0.10)",
|
|
lg: "0 12px 32px -12px rgba(7, 16, 30, 0.18)",
|
|
xl: "0 24px 48px -16px rgba(7, 16, 30, 0.24)",
|
|
brand: "0 8px 24px -8px rgba(255, 93, 0, 0.45)",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|
|
export default config;
|