import type { ThemePreset } from './types';

export const iosPreset: ThemePreset = {
  light: {
    background: 'hsl(0 0% 98%)',
    foreground: 'hsl(220 9% 12%)',
    card: 'hsl(0 0% 100%)',
    'card-foreground': 'hsl(220 9% 12%)',
    popover: 'hsl(0 0% 100%)',
    'popover-foreground': 'hsl(220 9% 12%)',
    primary: 'hsl(211 100% 50%)',
    'primary-foreground': 'hsl(0 0% 100%)',
    secondary: 'hsl(220 9% 92%)',
    'secondary-foreground': 'hsl(220 9% 12%)',
    muted: 'hsl(220 9% 94%)',
    'muted-foreground': 'hsl(220 9% 40%)',
    accent: 'hsl(220 9% 94%)',
    'accent-foreground': 'hsl(220 9% 12%)',
    destructive: 'hsl(0 100% 58%)',
    'destructive-foreground': 'hsl(0 0% 100%)',
    border: 'hsl(220 9% 88%)',
    input: 'hsl(220 9% 88%)',
    ring: 'hsl(211 100% 50%)',
    divider: 'hsl(220 9% 84%)',  // hairline, a touch lighter than border
    radius: '0.75rem',
    'sidebar-background': 'hsl(0 0% 99%)',
    'sidebar-foreground': 'hsl(220 9% 12%)',
    'sidebar-primary': 'hsl(211 100% 50%)',
    'sidebar-primary-foreground': 'hsl(0 0% 100%)',
    'sidebar-accent': 'hsl(220 9% 94%)',
    'sidebar-accent-foreground': 'hsl(220 9% 12%)',
    'sidebar-border': 'hsl(220 9% 88%)',
    'sidebar-ring': 'hsl(211 100% 50%)',
    'chart-1': 'hsl(211 100% 50%)',
    'chart-2': 'hsl(145 63% 42%)',
    'chart-3': 'hsl(262 83% 58%)',
    'chart-4': 'hsl(35 100% 50%)',
    'chart-5': 'hsl(346 77% 50%)',
    // Status surfaces — iOS system colors
    warning: 'hsl(35 100% 50%)',
    'warning-background': 'hsl(35 100% 95%)',
    'warning-foreground': 'hsl(28 80% 30%)',
    'warning-border': 'hsl(35 90% 78%)',
    success: 'hsl(145 63% 42%)',
    'success-background': 'hsl(145 60% 95%)',
    'success-foreground': 'hsl(145 60% 24%)',
    'success-border': 'hsl(145 55% 76%)',
    'destructive-background': 'hsl(0 100% 96%)',
    'destructive-border': 'hsl(0 90% 80%)',
    info: 'hsl(211 100% 50%)',
    'info-background': 'hsl(211 100% 96%)',
    'info-foreground': 'hsl(211 80% 30%)',
    'info-border': 'hsl(211 90% 80%)',
  },
  dark: {
    background: 'hsl(240 6% 10%)',
    foreground: 'hsl(0 0% 96%)',
    card: 'hsl(240 6% 14%)',
    'card-foreground': 'hsl(0 0% 96%)',
    popover: 'hsl(240 6% 16%)',
    'popover-foreground': 'hsl(0 0% 96%)',
    primary: 'hsl(211 100% 55%)',
    'primary-foreground': 'hsl(0 0% 100%)',
    secondary: 'hsl(240 5% 26%)',
    'secondary-foreground': 'hsl(0 0% 96%)',
    muted: 'hsl(240 5% 16%)',
    'muted-foreground': 'hsl(240 5% 64%)',
    accent: 'hsl(240 5% 18%)',
    'accent-foreground': 'hsl(0 0% 96%)',
    destructive: 'hsl(0 100% 67%)',
    'destructive-foreground': 'hsl(0 0% 100%)',
    border: 'hsl(240 5% 22%)',
    input: 'hsl(240 5% 22%)',
    ring: 'hsl(211 100% 55%)',
    divider: 'hsl(240 5% 18%)',  // hairline, softer than border
    radius: '0.75rem',
    'sidebar-background': 'hsl(240 6% 8%)',
    'sidebar-foreground': 'hsl(0 0% 96%)',
    'sidebar-primary': 'hsl(211 100% 55%)',
    'sidebar-primary-foreground': 'hsl(0 0% 100%)',
    'sidebar-accent': 'hsl(240 5% 16%)',
    'sidebar-accent-foreground': 'hsl(0 0% 96%)',
    'sidebar-border': 'hsl(240 5% 22%)',
    'sidebar-ring': 'hsl(211 100% 55%)',
    'chart-1': 'hsl(211 100% 55%)',
    'chart-2': 'hsl(145 65% 52%)',
    'chart-3': 'hsl(262 83% 65%)',
    'chart-4': 'hsl(35 100% 58%)',
    'chart-5': 'hsl(346 77% 58%)',
    // Status surfaces (dark)
    warning: 'hsl(35 100% 58%)',
    'warning-background': 'hsl(35 90% 10%)',
    'warning-foreground': 'hsl(35 100% 72%)',
    'warning-border': 'hsl(35 80% 28%)',
    success: 'hsl(145 65% 52%)',
    'success-background': 'hsl(145 60% 9%)',
    'success-foreground': 'hsl(145 60% 70%)',
    'success-border': 'hsl(145 50% 26%)',
    'destructive-background': 'hsl(0 80% 11%)',
    'destructive-border': 'hsl(0 70% 30%)',
    info: 'hsl(211 100% 55%)',
    'info-background': 'hsl(211 90% 11%)',
    'info-foreground': 'hsl(211 100% 74%)',
    'info-border': 'hsl(211 80% 30%)',
  },
};