/** @type {import('tailwindcss').Config} */
// Tokens mirror js/desktop/src/styles/globals.css `.dark` palette. Desktop
// authors values in OKLCH; React Native's color parser is not guaranteed to
// handle oklch(), so we ship hex/rgba equivalents here and keep the OKLCH
// source in comments.
//
// Mobile is dark-only by design — names match desktop 1:1 so components
// written against `bg-background`, `text-foreground`, etc. behave identically
// to the desktop app in dark mode.
module.exports = {
  content: ['./index.ts', './src/**/*.{ts,tsx}'],
  presets: [require('nativewind/preset')],
  theme: {
    extend: {
      colors: {
        background: '#252525', // oklch(0.145 0 0)
        foreground: '#fafafa', // oklch(0.985 0 0)
        card: '#363636', // oklch(0.205 0 0)
        'card-foreground': '#fafafa',
        popover: '#363636',
        'popover-foreground': '#fafafa',
        primary: '#ebebeb', // oklch(0.922 0 0)
        'primary-foreground': '#363636',
        secondary: '#454545', // oklch(0.269 0 0)
        'secondary-foreground': '#fafafa',
        muted: '#454545',
        'muted-foreground': '#a6a6a6', // oklch(0.708 0 0)
        accent: '#454545',
        'accent-foreground': '#fafafa',
        destructive: '#ef4444', // oklch(0.704 0.191 22.216)
        border: 'rgba(255,255,255,0.1)', // oklch(1 0 0 / 10%)
        input: 'rgba(255,255,255,0.15)', // oklch(1 0 0 / 15%)
        ring: '#878787', // oklch(0.556 0 0)
        sidebar: '#363636',
        'sidebar-foreground': '#fafafa',
        'sidebar-primary': '#6366f1', // chart-1 dark = oklch(0.488 0.243 264.376)
        'sidebar-primary-foreground': '#fafafa',
        'sidebar-accent': '#454545',
        'sidebar-accent-foreground': '#fafafa',
        'sidebar-border': 'rgba(255,255,255,0.1)',
        'sidebar-ring': '#878787',
      },
      borderRadius: {
        lg: '10px', // --radius: 0.625rem
        md: '8px',
        sm: '6px',
        xl: '14px',
      },
    },
  },
  plugins: [],
};
