cameleer-website/tailwind.config.mjs

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
  theme: {
    extend: {
      colors: {
        bg: {
          DEFAULT: '#060a13',
          elevated: '#0c111a',
        },
        border: {
          DEFAULT: '#1e2535',
          strong: '#2a3242',
        },
        accent: {
          DEFAULT: '#f0b429',
          muted: '#c89321',
        },
        cyan: {
          DEFAULT: '#5cc8ff',
          muted: '#3a9dd1',
        },
        rose: '#f43f5e',
        green: '#10b981',
        text: {
          DEFAULT: '#e8eaed',
          muted: '#9aa3b2',
          faint: '#828b9b',
        },
      },
      fontFamily: {
        sans: ['"DM Sans"', 'system-ui', 'sans-serif'],
        mono: ['"JetBrains Mono"', 'ui-monospace', 'SFMono-Regular', 'monospace'],
      },
      fontSize: {
        'display': ['clamp(2.5rem, 5vw, 4.5rem)', { lineHeight: '1.05', letterSpacing: '-0.02em' }],
        'hero': ['clamp(1.75rem, 3vw, 2.75rem)', { lineHeight: '1.15', letterSpacing: '-0.015em' }],
      },
      maxWidth: {
        content: '72rem',
        prose: '42rem',
      },
    },
  },
  plugins: [],
};