@layer base {
  :root {
    color-scheme: light;
    
    --background: 210 20% 97.1%; /* #f6f7f9 */
    --foreground: 222.4 21.4% 15.5%; /* #1f2430 */
    
    --card: 0 0% 100%; /* #ffffff */
    --card-foreground: 222.4 21.4% 15.5%;
    
    --popover: 0 0% 100%;
    --popover-foreground: 222.4 21.4% 15.5%;
    
    --primary: 222 69.1% 51%; /* #2b5fd9 (old --accent) */
    --primary-foreground: 0 0% 100%;
    
    --secondary: 210 40% 96.1%;
    --secondary-foreground: 222.4 47.4% 11.2%;
    
    --muted: 210 40% 96.1%; /* #f1f5f9 or similar background for muted blocks if needed */
    --muted-foreground: 216.5 11.2% 40.2%; /* #5b6472 */
    
    --accent: 210 40% 96.1%;
    --accent-foreground: 222.4 47.4% 11.2%;
    
    --destructive: 4 71.4% 41%; /* #b3261e */
    --destructive-foreground: 0 0% 100%;
    
    --success: 149.2 63.3% 29.8%; /* #1c7c4a */
    --success-foreground: 0 0% 100%;
    
    --border: 220 22.2% 90.8%; /* #e3e6ec */
    --input: 220 22.2% 90.8%;
    --ring: 222 69.1% 51%;
    
    --radius: 10px;
  }
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground;
  }
}