f1e0c4e3b4
All checks were successful
Build & Deploy / build-and-deploy (push) Successful in 39s
Shift signal from oxblood (#7A2320) to modern blue (#1D4ED8), signal-quiet from warm rose to pale blue wash. Bump body grain opacity 0.35 → 0.6 so the paper texture actually reads. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
62 lines
1.8 KiB
JavaScript
62 lines
1.8 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
paper: "#F5F0E6",
|
|
"paper-deep": "#EBE4D4",
|
|
"paper-edge": "#DCD3BE",
|
|
ink: "#1A1714",
|
|
"ink-muted": "#6B635A",
|
|
"ink-faint": "#A89F93",
|
|
signal: "#1D4ED8",
|
|
"signal-quiet": "#E3EAF5",
|
|
ok: "#3E6B4A",
|
|
warn: "#8B6914",
|
|
fail: "#8A3324",
|
|
},
|
|
fontFamily: {
|
|
display: ['"Fraunces"', '"GT Sectra"', "Georgia", "serif"],
|
|
sans: ['"Inter"', '"Söhne"', "system-ui", "-apple-system", "sans-serif"],
|
|
mono: ['"JetBrains Mono"', '"Berkeley Mono"', "ui-monospace", "monospace"],
|
|
},
|
|
fontSize: {
|
|
// Paper scale — ratio 1.25, capped hard
|
|
xs: ["12px", { lineHeight: "1.45" }],
|
|
sm: ["14px", { lineHeight: "1.5" }],
|
|
base: ["15px", { lineHeight: "1.55" }],
|
|
lg: ["17px", { lineHeight: "1.5" }],
|
|
xl: ["22px", { lineHeight: "1.35" }],
|
|
"2xl": ["32px", { lineHeight: "1.2" }],
|
|
"3xl": ["48px", { lineHeight: "1.05" }],
|
|
"4xl": ["72px", { lineHeight: "1.0", letterSpacing: "-0.02em" }],
|
|
},
|
|
borderRadius: {
|
|
none: "0",
|
|
sm: "2px",
|
|
DEFAULT: "4px",
|
|
md: "4px",
|
|
lg: "6px",
|
|
pill: "999px",
|
|
},
|
|
boxShadow: {
|
|
paper:
|
|
"0 1px 0 rgba(26,23,20,0.04), 0 1px 3px rgba(26,23,20,0.06)",
|
|
lift:
|
|
"0 2px 6px rgba(26,23,20,0.08), 0 8px 24px rgba(26,23,20,0.08)",
|
|
},
|
|
transitionTimingFunction: {
|
|
paper: "cubic-bezier(0.16, 1, 0.3, 1)",
|
|
crisp: "cubic-bezier(0.2, 0.0, 0.0, 1.0)",
|
|
},
|
|
transitionDuration: {
|
|
fast: "160ms",
|
|
base: "320ms",
|
|
paper: "480ms",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|