/* * Shared Carpa design tokens + DaisyUI themes. * * Consume from any Tailwind v4 app by importing this AFTER `@import "tailwindcss";` * * @import "tailwindcss"; * @import "@carpa/tailwind-config/carpa.css"; * * Each app is still responsible for its own `@source` globs so Tailwind can * scan that app's markup for utility classes. */ @plugin "daisyui" { themes: carpa --default, carpa-dark --prefersdark; root: ":root"; logs: false; } /* Light brand theme */ @plugin "daisyui/theme" { name: "carpa"; default: true; color-scheme: light; --color-base-100: oklch(100% 0 0); --color-base-200: oklch(97% 0.001 106); --color-base-300: oklch(92% 0.003 106); --color-base-content: oklch(21% 0.006 285); --color-primary: oklch(55% 0.2 262); --color-primary-content: oklch(98% 0.01 262); --color-secondary: oklch(65% 0.19 24); --color-secondary-content: oklch(98% 0.01 24); --color-accent: oklch(70% 0.15 165); --color-accent-content: oklch(20% 0.02 165); --color-neutral: oklch(30% 0.01 285); --color-neutral-content: oklch(96% 0.005 285); --color-info: oklch(70% 0.12 230); --color-success: oklch(72% 0.16 150); --color-warning: oklch(80% 0.16 85); --color-error: oklch(63% 0.22 25); --radius-selector: 0.5rem; --radius-field: 0.5rem; --radius-box: 0.75rem; --size-selector: 0.25rem; --size-field: 0.25rem; --border: 1px; --depth: 1; --noise: 0; } /* Dark brand theme */ @plugin "daisyui/theme" { name: "carpa-dark"; prefersdark: true; color-scheme: dark; --color-base-100: oklch(21% 0.006 285); --color-base-200: oklch(17% 0.006 285); --color-base-300: oklch(14% 0.006 285); --color-base-content: oklch(96% 0.002 285); --color-primary: oklch(65% 0.2 262); --color-primary-content: oklch(14% 0.02 262); --color-secondary: oklch(70% 0.18 24); --color-secondary-content: oklch(14% 0.02 24); --color-accent: oklch(74% 0.14 165); --color-accent-content: oklch(14% 0.02 165); --color-neutral: oklch(28% 0.01 285); --color-neutral-content: oklch(96% 0.005 285); --color-info: oklch(72% 0.12 230); --color-success: oklch(74% 0.16 150); --color-warning: oklch(82% 0.16 85); --color-error: oklch(68% 0.2 25); --radius-selector: 0.5rem; --radius-field: 0.5rem; --radius-box: 0.75rem; --size-selector: 0.25rem; --size-field: 0.25rem; --border: 1px; --depth: 1; --noise: 0; } /* Shared design tokens available as Tailwind theme values */ @theme { --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }