tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./src/renderer/**/*.{ts,tsx,html}'],
  theme: {
    extend: {
      colors: {
        // Brand & Accent
        primary: '#0052ff',
        'primary-active': '#003ecc',
        'primary-disabled': '#a8b8cc',
        'accent-yellow': '#f4b000',
        // Surfaces
        canvas: '#ffffff',
        'surface-soft': '#f7f7f7',
        'surface-strong': '#eef0f3',
        'surface-dark': '#0a0b0d',
        'surface-dark-elevated': '#16181c',
        // Hairlines
        hairline: '#dee1e6',
        'hairline-soft': '#eef0f3',
        // Text
        ink: '#0a0b0d',
        body: '#5b616e',
        'body-strong': '#0a0b0d',
        muted: '#7c828a',
        'muted-soft': '#a8acb3',
        'on-primary': '#ffffff',
        'on-dark': '#ffffff',
        'on-dark-soft': '#a8acb3',
        // Trading
        'semantic-up': '#05b169',
        'semantic-down': '#cf202f',
      },
      fontFamily: {
        display: ['Inter', '-apple-system', 'system-ui', 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', 'sans-serif'],
        sans: ['Inter', '-apple-system', 'system-ui', 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', 'sans-serif'],
        mono: ['JetBrains Mono', 'Geist Mono', 'monospace'],
      },
      fontSize: {
        'display-mega': ['80px', { lineHeight: '1.0', letterSpacing: '-2px', fontWeight: '400' }],
        'display-xl': ['64px', { lineHeight: '1.0', letterSpacing: '-1.6px', fontWeight: '400' }],
        'display-lg': ['52px', { lineHeight: '1.0', letterSpacing: '-1.3px', fontWeight: '400' }],
        'display-md': ['44px', { lineHeight: '1.09', letterSpacing: '-1px', fontWeight: '400' }],
        'display-sm': ['36px', { lineHeight: '1.11', letterSpacing: '-0.5px', fontWeight: '400' }],
        'title-lg': ['32px', { lineHeight: '1.13', letterSpacing: '-0.4px', fontWeight: '400' }],
        'title-md': ['18px', { lineHeight: '1.33', letterSpacing: '0', fontWeight: '600' }],
        'title-sm': ['16px', { lineHeight: '1.25', letterSpacing: '0', fontWeight: '600' }],
        'body-md': ['16px', { lineHeight: '1.5', letterSpacing: '0', fontWeight: '400' }],
        'body-strong': ['16px', { lineHeight: '1.5', letterSpacing: '0', fontWeight: '700' }],
        'body-sm': ['14px', { lineHeight: '1.5', letterSpacing: '0', fontWeight: '400' }],
        'caption': ['13px', { lineHeight: '1.5', letterSpacing: '0', fontWeight: '400' }],
        'caption-strong': ['12px', { lineHeight: '1.5', letterSpacing: '0', fontWeight: '600' }],
        'number-display': ['18px', { lineHeight: '1.4', letterSpacing: '0', fontWeight: '500' }],
        'button': ['16px', { lineHeight: '1.15', letterSpacing: '0', fontWeight: '600' }],
        'nav-link': ['14px', { lineHeight: '1.4', letterSpacing: '0', fontWeight: '500' }],
      },
      spacing: {
        'xxs': '4px',
        'xs': '8px',
        'sm': '12px',
        'base': '16px',
        'md': '20px',
        'lg': '24px',
        'xl': '32px',
        'xxl': '48px',
        'section': '96px',
      },
      borderRadius: {
        'none': '0px',
        'xs': '4px',
        'sm': '8px',
        'md': '12px',
        'lg': '16px',
        'xl': '24px',
        'pill': '100px',
        'full': '9999px',
      },
      boxShadow: {
        'soft': '0 4px 12px rgba(0, 0, 0, 0.04)',
        'none': 'none',
      },
      maxWidth: {
        'content': '1200px',
      },
    },
  },
  plugins: [],
};