/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        krona: {
          app: 'var(--bg-app)',
          workspace: 'var(--bg-workspace)',
          section: 'var(--bg-section)',
          surface: 'var(--surface-default)',
          raised: 'var(--surface-raised)',
          muted: 'var(--surface-muted)',
          sunken: 'var(--surface-sunken)',
          hover: 'var(--surface-hover)',
          selected: 'var(--surface-selected)',
          border: 'var(--border-default)',
          'border-subtle': 'var(--border-subtle)',
          'border-strong': 'var(--border-strong)',
          primary: 'var(--text-primary)',
          secondary: 'var(--text-secondary)',
          tertiary: 'var(--text-tertiary)',
          disabled: 'var(--text-disabled)',
          green: {
            DEFAULT: 'var(--color-green)',
            hover: 'var(--color-green-hover)',
            active: 'var(--color-green-active)',
            soft: 'var(--color-green-soft)',
            border: 'var(--color-green-border)',
            text: 'var(--color-green-text)',
          },
          gold: {
            DEFAULT: 'var(--color-gold)',
            hover: 'var(--color-gold-hover)',
            active: 'var(--color-gold-active)',
            soft: 'var(--color-gold-soft)',
            border: 'var(--color-gold-border)',
            text: 'var(--color-gold-text)',
          },
          danger: {
            DEFAULT: 'var(--color-danger)',
            soft: 'var(--color-danger-soft)',
            border: 'var(--color-danger-border)',
            text: 'var(--color-danger-text)',
          },
          warning: {
            DEFAULT: 'var(--color-warning)',
            soft: 'var(--color-warning-soft)',
            border: 'var(--color-warning-border)',
            text: 'var(--color-warning-text)',
          },
          info: {
            DEFAULT: 'var(--color-info)',
            soft: 'var(--color-info-soft)',
            border: 'var(--color-info-border)',
            text: 'var(--color-info-text)',
          },
        },
      },
      fontFamily: {
        sans: [
          'Inter',
          '-apple-system',
          'BlinkMacSystemFont',
          '"Segoe UI"',
          'Roboto',
          'Helvetica',
          'Arial',
          'sans-serif',
        ],
        mono: [
          '"JetBrains Mono"',
          'Consolas',
          'monospace',
        ]
      },
      boxShadow: {
        'krona-soft': '0 1px 3px rgba(54, 50, 40, 0.05), 0 1px 2px rgba(54, 50, 40, 0.03)',
        'krona-raised': '0 4px 12px rgba(54, 50, 40, 0.08), 0 2px 4px rgba(54, 50, 40, 0.04)',
        'krona-modal': '0 12px 32px rgba(42, 39, 31, 0.16), 0 4px 8px rgba(42, 39, 31, 0.08)',
      }
    },
  },
  plugins: [],
}