/*
 * TasteRay Custom Styles
 * Based on https://preview.tasteray.com design
 * 
 * Brand Colors:
 * - Brand Blue: #3970ff
 * - Brand Pink: #ffa7d0
 * - Gradient: linear-gradient(90deg, #4e74f9, #ff66bd)
 * 
 * Font: Epilogue (Google Fonts)
 */

/* Import Epilogue font */
@import url('https://fonts.googleapis.com/css2?family=Epilogue:wght@400;500;600;700&display=swap');

:root {
  /* Font Family - Override to Epilogue */
  --font-sans: 'Epilogue', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  
  /* Background - Clean white */
  --background: oklch(100% 0 0);
  --foreground: oklch(0% 0 0);
  
  /* Cards - Slightly off-white */
  --card: oklch(97.31% 0 0);
  --card-foreground: oklch(18% 0 0);
  
  /* Popover */
  --popover: oklch(97.31% 0 0);
  --popover-foreground: oklch(18% 0 0);
  
  /* Primary - TasteRay Blue #0000f5 */
  --primary: oklch(35.47% 0.31 264.05);
  --primary-foreground: oklch(100% 0 0);
  
  /* Secondary */
  --secondary: oklch(92.19% 0 0);
  --secondary-foreground: oklch(18% 0 0);
  
  /* Muted */
  --muted: oklch(92.19% 0 0);
  --muted-foreground: oklch(51.03% 0 0);
  
  /* Accent */
  --accent: oklch(92.19% 0 0);
  --accent-foreground: oklch(18% 0 0);
  
  /* Destructive */
  --destructive: oklch(60% 0.2 25);
  --destructive-foreground: oklch(100% 0 0);
  
  /* Border/Input */
  --border: oklch(95.51% 0 0);
  --input: oklch(95.51% 0 0);
  
  /* Ring/Focus */
  --ring: oklch(35.47% 0.31 264.05);
  
  /* Chart colors */
  --chart-1: oklch(59.32% 0.221 264.55);
  --chart-2: oklch(79.62% 0.205 344.86);
  --chart-3: oklch(73.05% 0.1595 237.6);
  --chart-4: oklch(69.2% 0.1612 263.27);
  --chart-5: oklch(82.64% 0.1146 350.44);
  
  /* TasteRay Brand Colors */
  --brand-blue: #3970ff;
  --brand-pink: #ffa7d0;
  --brand-cyan: #4dd4ff;
  
  /* Gradient */
  --gradient-primary: linear-gradient(90deg, #4e74f9, #ff66bd);
  --gradient-primary-hover: linear-gradient(90deg, #4e74f9, #ff66bd);
  --gradient-primary-foreground: #fff;
}

.dark {
  /* Dark mode - True black background */
  --background: oklch(0% 0 0);
  --foreground: oklch(100% 0 0);
  
  /* Cards - Dark gray */
  --card: oklch(18% 0 0);
  --card-foreground: oklch(97.31% 0 0);
  
  /* Popover */
  --popover: oklch(18% 0 0);
  --popover-foreground: oklch(97.31% 0 0);
  
  /* Primary - Lighter blue for dark mode */
  --primary: oklch(65% 0.24 264.05);
  --primary-foreground: oklch(10% 0 0);
  
  /* Secondary */
  --secondary: oklch(21.34% 0 0);
  --secondary-foreground: oklch(97.31% 0 0);
  
  /* Muted */
  --muted: oklch(26.9% 0 0);
  --muted-foreground: oklch(68.3% 0 129.63);
  
  /* Accent */
  --accent: oklch(26.9% 0 0);
  --accent-foreground: oklch(97.31% 0 0);
  
  /* Destructive */
  --destructive: oklch(60% 0.2 25);
  --destructive-foreground: oklch(97.31% 0.05 25);
  
  /* Border/Input */
  --border: oklch(32.11% 0 0 / 0.8);
  --input: oklch(32.11% 0 0);
  
  /* Ring/Focus */
  --ring: oklch(65% 0.24 264.05);
}

/* Apply Epilogue font globally for TasteRay */
body {
  font-family: var(--font-sans);
}