/*
  BROWSER COMPATIBILITY FIX
  Provides hex fallbacks for oklch() colors.
  Safari 15 and older browsers ignore oklch() — this gives them working colors.
  Modern browsers will override these with the oklch values from globals.css.
*/

@supports not (color: oklch(1 0 0)) {
  :root {
    --background: #ffffff;
    --foreground: #4a4a4a;
    --card: #f7f7f7;
    --card-foreground: #4a4a4a;
    --popover: #ffffff;
    --popover-foreground: #4a4a4a;
    --primary: #6b5b8a;
    --primary-foreground: #ffffff;
    --secondary: #e67e22;
    --secondary-foreground: #ffffff;
    --muted: #f7f7f7;
    --muted-foreground: #4a4a4a;
    --accent: #d1c4e9;
    --accent-foreground: #4a4a4a;
    --destructive: #e74c3c;
    --destructive-foreground: #ffffff;
    --border: #d1d1d1;
    --input: #ffffff;
    --ring: rgba(107, 91, 138, 0.3);
    --chart-1: #6b5b8a;
    --chart-2: #e67e22;
    --chart-3: #d1c4e9;
    --chart-4: #4caf50;
    --chart-5: #2196f3;
    --radius: 0.5rem;
    --sidebar: #f7f7f7;
    --sidebar-foreground: #4a4a4a;
    --sidebar-primary: #6b5b8a;
    --sidebar-primary-foreground: #ffffff;
    --sidebar-accent: #d1c4e9;
    --sidebar-accent-foreground: #4a4a4a;
    --sidebar-border: #d1d1d1;
    --sidebar-ring: rgba(107, 91, 138, 0.3);
  }

  .dark {
    --background: #1a1a1a;
    --foreground: #f0f0f0;
    --card: #2a2a2a;
    --card-foreground: #f0f0f0;
    --popover: #1a1a1a;
    --popover-foreground: #f0f0f0;
    --primary: #8b7baa;
    --primary-foreground: #ffffff;
    --secondary: #f0a050;
    --secondary-foreground: #1a1a1a;
    --muted: #333333;
    --muted-foreground: #a0a0a0;
    --accent: #5a4a7a;
    --accent-foreground: #f0f0f0;
    --destructive: #f06050;
    --destructive-foreground: #ffffff;
    --border: #404040;
    --input: #2a2a2a;
    --ring: rgba(139, 123, 170, 0.4);
    --chart-1: #8b7baa;
    --chart-2: #f0a050;
    --chart-3: #5a4a7a;
    --chart-4: #66cc66;
    --chart-5: #5599ee;
    --sidebar: #222222;
    --sidebar-foreground: #f0f0f0;
    --sidebar-primary: #8b7baa;
    --sidebar-primary-foreground: #ffffff;
    --sidebar-accent: #333333;
    --sidebar-accent-foreground: #f0f0f0;
    --sidebar-border: #404040;
    --sidebar-ring: rgba(139, 123, 170, 0.4);
  }
}